:root{--bg:#071015;--panel:#0d171c;--panel2:#0a1216;--line:#1d333b;--text:#f5f7f8;--muted:#9fb0b7;--gold:#f4bf3e;--gold2:#ffd970;--blue:#1d84c7;--cyan:#5ed4ff;--green:#54d18a;--shadow:0 18px 50px rgba(0,0,0,.30)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0%,#112732 0,transparent 32%),linear-gradient(180deg,#071015,#04090c 55%,#071015);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;padding-bottom:76px}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1160px,calc(100% - 32px));margin:auto}.topline{height:4px;background:linear-gradient(90deg,#1677ae,#ffd34e,#1ba2d3)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(4,9,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid #18313a}.header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.brand{width:190px;flex:0 0 auto}.brand img{width:100%;height:46px;object-fit:contain}.nav{display:flex;gap:20px;margin-left:auto}.nav a{font-size:13px;color:#b9c7cc;font-weight:800}.nav a:hover{color:var(--gold2)}.actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:12px;font-weight:900;font-size:13px;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,#f7c84d,#e59e17);color:#111;box-shadow:0 10px 24px rgba(224,166,37,.2)}.btn-outline{border-color:#31505c;background:#0a161c;color:#e8f0f3}.btn:hover{transform:translateY(-1px)}.menu-toggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid #31505c;border-radius:12px;background:#0a161c;color:white;font-size:20px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-weight:950}.hero{padding:54px 0 30px}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:38px;align-items:center}.hero-copy h1{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:12px 0 18px}.hero-copy h1 span{color:var(--gold2)}.hero-copy p{max-width:620px;color:#b2c0c6;font-size:17px}.hero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}.hero-art{padding:12px;border-radius:26px;background:linear-gradient(145deg,#16333f,#101b20);border:1px solid #284b58;box-shadow:var(--shadow)}.hero-art img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:18px;background:#050708}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:34px}.trust-item{padding:16px;border:1px solid #1b353f;background:#0a151a;border-radius:15px}.trust-item strong{display:block;font-size:13px}.trust-item span{font-size:11px;color:#81949b}.section{padding:56px 0}.section-alt{background:linear-gradient(180deg,rgba(19,40,48,.25),rgba(5,11,14,.25));border-top:1px solid #12272f;border-bottom:1px solid #12272f}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.section-head h2{font-size:clamp(30px,4vw,46px);margin:6px 0;letter-spacing:-.035em}.section-head p{margin:0;color:var(--muted);max-width:700px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{padding:22px;border-radius:18px;border:1px solid #213b45;background:linear-gradient(180deg,#0f1d23,#091216);min-height:150px}.cat b{font-size:30px;color:var(--gold)}.cat strong{display:block;margin-top:14px}.cat span{color:#8fa0a7;font-size:12px}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.visual-card{position:relative;padding:12px;border:1px solid #294550;border-radius:22px;background:#0b151a;box-shadow:var(--shadow)}.visual-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:15px;background:#06090b}.visual-caption{padding:14px 6px 3px}.visual-caption strong{display:block}.visual-caption span{font-size:12px;color:#8ea0a7}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:24px;border:1px solid #243b44;border-radius:20px;background:#0b151a}.feature b{font-size:12px;color:var(--gold)}.feature h3{margin:9px 0}.feature p{color:#95a6ad;margin:0}.running-text-wrap{padding:0 0 12px}.running-text{overflow:hidden;border:1px solid #36576a;border-radius:16px;background:linear-gradient(90deg,#0b1d26,#102c39,#0b1d26);box-shadow:0 12px 34px rgba(0,0,0,.2)}.running-track{display:flex;width:max-content;gap:72px;padding:13px 0;animation:slot235Marquee 22s linear infinite}.running-track span{font-size:12px;font-weight:950;letter-spacing:.09em;color:#ffdb6f;white-space:nowrap;text-transform:uppercase}@keyframes slot235Marquee{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}@media(prefers-reduced-motion:reduce){.running-track{animation:none}.running-track span:nth-child(n+2){display:none}}
.article-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.directory-card{padding:22px;border:1px solid #223a44;border-radius:18px;background:#0b151a;display:flex;flex-direction:column;min-height:245px}.directory-card .tag{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--gold2);font-weight:950}.directory-card h3{font-size:20px;line-height:1.25;margin:10px 0}.directory-card p{color:#93a5ac;font-size:13px;margin:0 0 18px}.directory-card a{margin-top:auto;color:#ffd86a;font-weight:900;font-size:13px}.page-hero{padding:48px 0 28px}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.page-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.045em}.page-hero p{color:#9fb0b7;max-width:700px}.page-visual{padding:10px;border:1px solid #274652;border-radius:20px;background:#0a151a}.page-visual img{aspect-ratio:1/1;object-fit:contain;border-radius:14px;background:#06090b}.breadcrumbs{font-size:12px;color:#73868e;margin-bottom:13px}.breadcrumbs a{color:#d8b257}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.article-card,.side-card{border:1px solid #203945;background:linear-gradient(180deg,#0d181d,#091115);border-radius:20px}.article-card{padding:30px}.article-card h2{font-size:29px;margin:4px 0 14px}.article-card h3{font-size:21px;color:#f3cb61;margin:28px 0 9px}.article-card p,.article-card li{color:#a8b8be}.article-card p{margin:0 0 16px}.article-card ul{padding-left:20px}.article-card li{margin:7px 0}.lead{font-size:18px;color:#d8e0e3}.article-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.article-meta span{padding:6px 9px;border:1px solid #2c4752;border-radius:999px;font-size:10px;color:#c6d4d9}.article-card blockquote{margin:22px 0;padding:18px;border-left:3px solid var(--gold);background:#15140f;color:#dccb9e;border-radius:0 12px 12px 0}.side-card{position:sticky;top:96px;padding:20px}.side-card h3{margin-top:0}.side-links a{display:block;padding:10px 0;border-bottom:1px solid #1d3038;color:#a8b7bd;font-size:13px}.side-links a:last-child{border-bottom:0}.info-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.info-chip{padding:15px;border:1px solid #203b46;border-radius:14px;background:#0a1419}.info-chip strong{display:block}.info-chip span{font-size:11px;color:#879aa1}.help-strip{margin:26px 0;padding:18px;border:1px solid #3c4f35;background:#11170f;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:16px}.help-strip p{margin:0;color:#b8c3ad}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.review-card{padding:21px;border:1px solid #2a424b;border-radius:18px;background:#0b151a}.review-card strong{display:block;margin-bottom:8px}.review-card p{margin:0;color:#97a8ae;font-size:13px}.footer{padding:52px 0 95px;border-top:1px solid #18313a;background:#050a0d}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:24px}.footer p,.footer a{color:#83969d;font-size:12px}.footer h3{font-size:13px}.footer-logo{width:190px;margin-bottom:13px}.footer-logo img{height:44px;object-fit:contain}.sticky-footer-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:100;width:min(700px,100%);padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:rgba(4,9,12,.97);border:1px solid #243d47;border-bottom:0;border-radius:18px 18px 0 0;backdrop-filter:blur(16px);box-shadow:0 -10px 35px rgba(0,0,0,.35)}.sticky-item{min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#091419;color:#dce6e9;font-size:11px;font-weight:950;letter-spacing:.06em}.sticky-item:hover{background:#112a35;color:#ffdc6d}.floating-livechat{position:fixed;right:16px;bottom:86px;z-index:90;padding:12px 15px;border-radius:999px;background:linear-gradient(135deg,#137ab4,#1ba8c8);color:white;font-size:12px;font-weight:950;box-shadow:0 12px 30px rgba(18,130,175,.28);border:1px solid #65cce8}.layout-b .page-hero-grid{grid-template-columns:.85fr 1.15fr}.layout-b .page-visual{order:-1}.layout-c .content-grid{grid-template-columns:280px minmax(0,1fr)}.layout-c .article-card{order:2}.layout-c .side-card{order:1}.layout-d .page-hero-grid{grid-template-columns:1fr}.layout-d .page-visual{max-width:620px}.layout-e .article-card{border-radius:8px}.layout-e .side-card{border-radius:8px}.layout-f .page-hero{text-align:center}.layout-f .page-hero p{margin-left:auto;margin-right:auto}.layout-f .page-visual{max-width:560px;margin:auto}.layout-f .page-hero-grid{grid-template-columns:1fr}
@media(max-width:980px){.nav{display:none;position:absolute;top:76px;left:16px;right:16px;padding:15px;background:#081318;border:1px solid #294650;border-radius:16px;flex-direction:column}.nav.open{display:flex}.actions{display:none}.menu-toggle{display:block}.hero-grid,.page-hero-grid,.layout-b .page-hero-grid{grid-template-columns:1fr}.hero-art{max-width:680px}.trust-strip{grid-template-columns:1fr 1fr}.categories{grid-template-columns:1fr 1fr}.article-directory,.review-grid{grid-template-columns:1fr 1fr}.content-grid,.layout-c .content-grid{grid-template-columns:1fr}.layout-c .article-card,.layout-c .side-card{order:initial}.side-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:640px){.container{width:min(100% - 22px,1160px)}.site-header .brand{width:158px}.hero{padding-top:34px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:15px}.trust-strip,.categories,.visual-grid,.features,.article-directory,.review-grid,.info-band{grid-template-columns:1fr}.section{padding:44px 0}.article-card{padding:21px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.running-track{gap:44px;animation-duration:17s}.running-track span{font-size:10.5px}.floating-livechat{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0}.floating-livechat:before{content:'💬';font-size:20px}.sticky-item{min-height:46px;font-size:10px}}