:root{
--bg:#080a0d;--panel:#0e1116;--panel2:#12161d;--line:#242a33;--text:#f2f4f7;--muted:#9ba4b2;--soft:#cbd1d9;--accent:#fff;--max:1180px;
--radius:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:850px}.site-header{border-bottom:1px solid var(--line);background:rgba(8,10,13,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.nav-wrap{height:76px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brand-mark{width:34px;height:34px;border:1px solid #3b424d;display:grid;place-items:center;font-size:11px;font-weight:800;letter-spacing:-.05em}.brand strong{display:block;font-size:12px;letter-spacing:.04em}.brand small{display:block;color:#68717e;font-size:8px;letter-spacing:.25em;margin-top:1px}.main-nav{display:flex;gap:25px;flex:1}.main-nav a{color:#aeb6c1;font-size:13px}.main-nav a:hover,.nav-cta:hover{color:#fff}.nav-cta{font-size:12px;color:#aeb6c1;border:1px solid var(--line);padding:8px 13px;border-radius:999px}
.hero{padding:100px 0 90px;border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.22em;color:#737d8a;font-weight:750}.hero h1,.page-hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.065em;margin:22px 0}.hero h1 em{font-style:normal;color:#737d8a}.hero-lead{max-width:650px;color:#aeb6c1;font-size:19px}.search-box{display:flex;gap:8px;margin-top:30px;max-width:580px}.search-box input{flex:1;background:#0e1116;border:1px solid #2b323c;color:#fff;border-radius:10px;padding:13px 15px;outline:none}.btn{border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer}.btn-primary{background:#f1f3f5;color:#090a0d}.btn-ghost{background:#161b22;color:#fff;border:1px solid #2b323c}.hero-panel{border:1px solid var(--line);background:linear-gradient(145deg,#11151b,#0a0c10);padding:25px;border-radius:20px}.panel-code{color:#626c79;font:11px ui-monospace,SFMono-Regular,monospace;margin-bottom:35px}.panel-line{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line);color:#cdd3db}.panel-line b{font-weight:400;color:#66707d}
.content-section{padding:80px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font-size:38px;letter-spacing:-.04em;margin:8px 0 0}.section-head>a{font-size:13px;color:#aab2be}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s transform,.2s border-color}.guide-card:hover{transform:translateY(-3px);border-color:#3a424e}.guide-card>img{aspect-ratio:16/9;object-fit:cover;opacity:.9}.guide-card-body{padding:24px}.card-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#727c89}.guide-card h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:10px 0}.guide-card p{color:#9fa8b5;margin:0 0 20px}.read-link{font-size:12px;font-weight:700}.read-link span{color:#7e8896;margin-left:4px}.empty-state{border:1px dashed #303743;padding:35px;color:#8993a0;border-radius:14px}
.page-hero{padding:85px 0 60px;border-bottom:1px solid var(--line)}.page-hero.compact h1{font-size:60px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{background:var(--panel);border:1px solid var(--line);padding:25px;border-radius:14px;display:flex;justify-content:space-between}.category-card small{color:#707a87}
.campaign-stack{margin:28px 0}.campaign{position:relative;background:#0b0e12;border:1px solid #1c222a;border-radius:12px;padding:12px;overflow:hidden}.campaign-label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#6f7986;margin:0 0 7px}.campaign-image img{width:100%;height:auto}.campaign-code{min-height:40px}.campaign-slot-guide_sidebar .campaign{margin-bottom:18px}
.guide-page{padding:70px 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#697381;font-size:12px;margin-bottom:35px}.breadcrumbs a:hover{color:#fff}.guide-page h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-.055em;margin:18px 0}.guide-excerpt{font-size:20px;color:#adb6c2;max-width:760px}.guide-meta{font-size:12px;color:#6f7986;margin-top:20px}.guide-hero-image{width:100%;max-height:580px;object-fit:cover;border:1px solid var(--line);border-radius:18px;margin:35px auto}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;margin-top:45px}.article-content{font-size:17px;color:#c8ced6}.article-content h2{font-size:34px;color:#fff;letter-spacing:-.035em;margin:48px 0 12px}.article-content h3{font-size:24px;color:#fff;margin:35px 0 8px}.article-content a{text-decoration:underline;text-underline-offset:3px}.article-content code,.article-content pre{font-family:ui-monospace,SFMono-Regular,monospace}.article-content pre{background:#0b0e12;border:1px solid var(--line);border-radius:12px;padding:20px;overflow:auto}.article-content blockquote{border-left:2px solid #5c6673;padding-left:20px;color:#9ca6b3}.guide-sidebar{min-width:0}.related{margin-top:80px}
.legal-copy{padding:75px 0;max-width:820px}.legal-copy h2{margin-top:40px}.legal-copy p{color:#adb6c2}
.site-footer{border-top:1px solid var(--line);padding:65px 0 25px;margin-top:80px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:40px}.footer-brand{font-size:12px;letter-spacing:.2em;font-weight:800}.footer-grid p{color:#77818e;max-width:430px}.footer-grid a{display:block;color:#8f99a6;font-size:13px;margin:7px 0}.footer-heading{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#66707d;margin-bottom:13px}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;margin-top:45px;color:#5e6875;font-size:11px}
.consent-banner[hidden]{display:none!important}.consent-banner{position:fixed;left:18px;right:18px;bottom:18px;background:#10141a;border:1px solid #303844;box-shadow:0 20px 60px #0009;border-radius:16px;padding:18px 20px;display:flex;justify-content:space-between;gap:25px;align-items:center;z-index:100}.consent-banner p{margin:4px 0 0;color:#9da6b2;font-size:12px}.consent-actions{display:flex;gap:8px;white-space:nowrap}
@media(max-width:850px){.hero-grid,.guide-layout,.footer-grid{grid-template-columns:1fr}.guide-sidebar{order:2}.guide-grid,.category-grid{grid-template-columns:1fr 1fr}.main-nav{display:none}.brand{min-width:0}.hero{padding-top:65px}.consent-banner{display:block}.consent-actions{margin-top:14px}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.guide-grid,.category-grid{grid-template-columns:1fr}.hero h1{font-size:50px}.page-hero.compact h1{font-size:45px}.section-head{display:block}.section-head>a{display:inline-block;margin-top:12px}.nav-wrap{height:66px}.nav-cta{display:none}}


.campaign-code{max-width:100%;overflow:hidden}.campaign-code img,.campaign-code iframe{max-width:100%}.campaign-code-adsense{min-height:90px}.campaign-code-adsense ins.adsbygoogle{max-width:100%}