/*
Theme Name: Payhip Blog
Theme URI: https://payhip.blog/
Author: Payhip Blog
Description: Responsive WordPress theme for digital product guides, tutorials, SEO resources and creator content.
Version: 1.5.0
Text Domain: payhip-blog
*/
:root{--primary:#635bff;--primary-dark:#4f46e5;--text:#172033;--muted:#687386;--bg:#f8f9fc;--white:#fff;--border:#e7e9ef;--dark:#111827;--success:#10b981;--shadow:0 15px 40px rgba(24,34,56,.08);--radius:18px;--max:1180px}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(92%,var(--max));margin:auto}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(12px)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{font-size:24px;font-weight:800;letter-spacing:-1px}.logo span{color:var(--primary)}.nav-links{display:flex;align-items:center;gap:26px;list-style:none}.nav-links a{font-size:14px;font-weight:600;color:#4b5563}.nav-links a:hover{color:var(--primary)}.nav-btn{background:var(--primary);color:#fff!important;padding:11px 18px;border-radius:10px}.menu-btn{display:none;border:0;background:transparent;font-size:27px;cursor:pointer}
.hero{background:radial-gradient(circle at 10% 20%,rgba(99,91,255,.12),transparent 30%),radial-gradient(circle at 90% 30%,rgba(16,185,129,.1),transparent 30%),var(--bg);padding:90px 0 80px}.hero-content{max-width:820px;margin:auto;text-align:center}.badge{display:inline-block;background:#eeedff;color:var(--primary-dark);padding:8px 14px;border-radius:30px;font-size:13px;font-weight:700;margin-bottom:20px}.hero h1{font-size:clamp(38px,6vw,68px);line-height:1.05;letter-spacing:-3px;margin-bottom:22px}.hero h1 span{color:var(--primary)}.hero p{max-width:680px;margin:auto;color:var(--muted);font-size:18px}.hero-buttons{margin-top:30px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;border-radius:11px;font-weight:700;font-size:14px;transition:.25s;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border-color:var(--border);background:#fff}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}
.section{padding:80px 0}.section-head{text-align:center;margin-bottom:42px}.section-head h2{font-size:34px;letter-spacing:-1px;margin-bottom:9px}.section-head p{color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.category{border:1px solid var(--border);padding:25px 15px;border-radius:var(--radius);text-align:center;transition:.25s;background:#fff}.category:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d8d6ff}.category-icon{width:52px;height:52px;margin:0 auto 13px;display:grid;place-items:center;border-radius:14px;background:#f0efff;font-size:24px}.category h3{font-size:15px}.category p{color:var(--muted);font-size:12px;margin-top:4px}
.articles-section{background:var(--bg)}.articles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.25s}.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.article-image{height:205px;display:grid;place-items:center;font-size:54px;background:linear-gradient(135deg,#eeedff,#f8f8ff)}.article-content{padding:23px}.article-tag{color:var(--primary);font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.6px}.article-card h3{font-size:19px;line-height:1.35;margin:9px 0}.article-card p{color:var(--muted);font-size:14px}.read-more{display:inline-block;margin-top:17px;color:var(--primary);font-size:13px;font-weight:700}
.feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.feature-visual{min-height:380px;border-radius:25px;background:linear-gradient(135deg,#625bff,#837dff);position:relative;overflow:hidden;display:grid;place-items:center}.dashboard{width:75%;background:#fff;border-radius:16px;padding:25px;box-shadow:0 25px 50px rgba(0,0,0,.18)}.dashboard-top{height:12px;width:70%;background:#e7e8ef;border-radius:20px;margin-bottom:25px}.dashboard-line{height:55px;border-radius:10px;background:#f3f4f7;margin:10px 0}.feature-text .small-title{color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:1px}.feature-text h2{font-size:40px;line-height:1.12;margin:12px 0 18px;letter-spacing:-1.5px}.feature-text p{color:var(--muted);margin-bottom:22px}.feature-list{list-style:none;margin-bottom:25px}.feature-list li{margin:9px 0;font-size:14px}.feature-list li::before{content:"✓";color:var(--success);font-weight:800;margin-right:10px}
.stats{background:var(--dark);color:#fff;padding:55px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;gap:20px}.stat h3{font-size:34px}.stat p{color:#aeb6c6;font-size:13px}
.newsletter{background:#f0efff;border-radius:25px;padding:55px 30px;text-align:center}.newsletter h2{font-size:32px;margin-bottom:10px}.newsletter p{color:var(--muted);margin-bottom:24px}.subscribe-form{max-width:530px;margin:auto;display:flex;gap:10px}.subscribe-form input{flex:1;min-width:0;border:1px solid var(--border);background:#fff;padding:14px 16px;border-radius:10px;outline:none}.subscribe-form input:focus{border-color:var(--primary)}
.faq{max-width:780px;margin:auto}.faq-item{border-bottom:1px solid var(--border)}.faq-question{width:100%;padding:21px 0;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;font-weight:700;color:var(--text)}.faq-answer{display:none;padding:0 0 20px;color:var(--muted);font-size:14px}.faq-item.active .faq-answer{display:block}.faq-item.active .plus{transform:rotate(45deg)}.plus{font-size:24px;transition:.2s}
footer{background:#0d1320;color:#fff;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-logo{font-size:23px;font-weight:800;margin-bottom:15px}.footer-logo span{color:#8c87ff}.footer-about{color:#9ba5b7;max-width:360px;font-size:14px}.footer-column h4{margin-bottom:15px;font-size:14px}.footer-column a{display:block;color:#9ba5b7;font-size:13px;margin:10px 0}.footer-column a:hover{color:#fff}.copyright{border-top:1px solid #252d3c;padding-top:22px;color:#7f899c;font-size:12px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.categories{grid-template-columns:repeat(3,1fr)}.articles{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr;gap:40px}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.menu-btn{display:block}.nav-links{position:absolute;top:74px;left:0;right:0;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:20px;border-bottom:1px solid var(--border);box-shadow:0 15px 25px rgba(0,0,0,.06)}.nav-links.show{display:flex}.nav-links a{padding:10px}.nav-btn{text-align:center}.hero{padding:65px 0}.hero h1{letter-spacing:-2px}.categories,.articles{grid-template-columns:1fr}.feature-text h2{font-size:32px}.subscribe-form{flex-direction:column}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}}@media(max-width:450px){.stats-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.section{padding:60px 0}}

/* WordPress compatibility */
.nav-links .current-menu-item > a,
.nav-links .current_page_item > a { color: var(--primary); }
.article-image img { width:100%; height:205px; object-fit:cover; }
.entry-content { font-size:18px; color:#374151; }
.entry-content h2,.entry-content h3 { margin:30px 0 12px; color:var(--text); }
.entry-content p { margin:0 0 18px; }
.entry-content a { color:var(--primary); text-decoration:underline; }