:root{--bg:#090909;--panel:#121212;--panel2:#17110f;--text:#f5f5f5;--muted:#a8a8a8;--gold:#ffcf4b;--red:#c31515;--red2:#7b0808;--line:#30251f;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#241008 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.65;padding-bottom:78px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topline{height:3px;background:linear-gradient(90deg,var(--red2),var(--gold),var(--red))}.site-header{position:sticky;top:0;z-index:80;background:rgba(8,8,8,.95);backdrop-filter:blur(14px);border-bottom:1px solid #241c19}.header-inner{display:flex;align-items:center;gap:24px;min-height:76px}.brand{display:flex;align-items:center;min-width:150px}.brand img{width:154px;height:58px;object-fit:contain}.nav{display:flex;align-items:center;gap:18px;margin-left:auto}.nav a{font-size:13px;font-weight:800;color:#c9c9c9}.nav a:hover{color:var(--gold)}.actions{display:flex;gap:9px}.menu-toggle{display:none;background:#171717;color:#fff;border:1px solid #333;border-radius:10px;width:42px;height:42px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:11px;font-weight:900;font-size:12px;border:1px solid #45372f;transition:.2s}.btn-primary{background:linear-gradient(135deg,#e3271e,#8e0808);border-color:#ff5c4f;color:#fff;box-shadow:0 9px 28px rgba(186,17,12,.18)}.btn-outline{background:#111;color:#f0d58a}.btn:hover{transform:translateY(-1px)}
.hero{padding:54px 0 18px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h1{font-size:clamp(42px,6vw,74px);line-height:.98;letter-spacing:-.055em;margin:10px 0 18px}.hero h1 span,.page-hero h1 span{color:var(--gold)}.hero p,.page-hero p{color:#bcbcbc;max-width:700px;font-size:16px}.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hero-art{aspect-ratio:1/1;border-radius:24px;border:1px solid #4a271a;background:#0b0b0b;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.42)}.hero-art img{width:100%;height:100%;object-fit:contain}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.trust-item{background:#101010;border:1px solid #28211d;border-radius:14px;padding:15px}.trust-item strong{display:block;font-size:13px}.trust-item span{font-size:11px;color:#898989}.section{padding:62px 0}.section.dark{background:#0b0b0b}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.section-head h2{margin:5px 0 0;font-size:clamp(28px,4vw,44px);letter-spacing:-.04em}.section-head p{margin:5px 0 0;color:#8f8f8f}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat{padding:20px 14px;background:linear-gradient(180deg,#161616,#0f0f0f);border:1px solid #2d2d2d;border-radius:16px;text-align:center}.cat .ico{font-size:26px}.cat strong{display:block;margin-top:8px}.cat span{font-size:11px;color:#858585}.cat:hover{border-color:#6c3a26;transform:translateY(-2px)}.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.promo-card{position:relative;overflow:hidden;background:#0b0b0b;border:1px solid #38261e;border-radius:20px;aspect-ratio:1/1}.promo-card img{width:100%;height:100%;object-fit:contain}.promo-overlay{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:12px;background:rgba(5,5,5,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}.promo-overlay strong{font-size:13px}.promo-overlay p{font-size:11px;color:#aaa;margin:3px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:26px;background:linear-gradient(180deg,#151515,#0e0e0e);border:1px solid #2b2b2b;border-radius:18px}.feature b{color:var(--gold);font-size:12px}.feature h3{margin:8px 0}.feature p{color:#999;font-size:13px}.article-list,.article-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-teaser,.directory-card{display:flex;flex-direction:column;min-height:220px;padding:22px;border:1px solid #2a2a2a;border-radius:18px;background:linear-gradient(180deg,#151515,#0d0d0d)}.article-teaser .tag,.directory-card .tag{font-size:10px;color:var(--gold);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-teaser h3,.directory-card h2,.directory-card h3{font-size:20px;line-height:1.3;margin:9px 0}.article-teaser p,.directory-card p{color:#999;font-size:13px;margin:0 0 18px}.article-teaser a,.directory-card a{margin-top:auto;color:#ffd55b;font-weight:900;font-size:12px}.running-text-wrap{padding:8px 0}.running-text{overflow:hidden;border:1px solid #5d261c;border-radius:14px;background:linear-gradient(90deg,#1a0706,#32100b,#1a0706)}.running-track{display:flex;width:max-content;gap:70px;padding:12px 0;animation:marquee 19s linear infinite}.running-track span{font-weight:950;font-size:12px;letter-spacing:.09em;color:#ffd25d;white-space:nowrap;text-transform:uppercase}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-33.333%)}}
.page-hero{padding:52px 0 28px;border-bottom:1px solid #211915}.page-hero .container{max-width:980px}.article-shell{padding:38px 0 70px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.article-card,.side-card{background:linear-gradient(180deg,#141414,#0d0d0d);border:1px solid #2d2926;border-radius:20px}.article-card{padding:32px}.article-card h2{font-size:30px;line-height:1.25;margin:28px 0 12px}.article-card h3{font-size:21px;color:#f0d27a;margin:26px 0 9px}.article-card p,.article-card li{color:#b4b4b4}.article-card p{margin:0 0 16px}.article-card ul{padding-left:20px}.article-card li{margin:7px 0}.article-card .lead{font-size:18px;color:#e1e1e1}.article-meta{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.article-meta span{font-size:10px;padding:5px 9px;border:1px solid #3d3028;border-radius:999px;color:#cdb875;background:#140f0b}.article-card blockquote{margin:24px 0;padding:18px 20px;border-left:3px solid var(--gold);background:#18120b;color:#dbcda0;border-radius:0 12px 12px 0}.side-card{padding:20px;position:sticky;top:96px;height:max-content}.side-card h3{margin:0 0 12px}.side-links a{display:block;padding:10px 0;border-bottom:1px solid #242424;color:#bcbcbc;font-size:12px}.side-links a:last-child{border-bottom:0}.quick-cta{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.related-box{margin-top:28px;padding:18px;border-radius:14px;background:#0a0a0a;border:1px solid #292929}.related-box h3{margin-top:0}.related-box a{display:inline-block;margin:5px 10px 5px 0;color:#ffd25a;font-size:12px}.footer{border-top:1px solid #211a16;background:#090909;padding:44px 0 80px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.footer h4{margin:0 0 10px}.footer p,.footer a{color:#898989;font-size:12px}.footer a{display:block;margin:5px 0}.footer-logo{width:150px;height:58px;object-fit:contain}.copyright{margin-top:24px;padding-top:18px;border-top:1px solid #1f1f1f;color:#666;font-size:11px}.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(8,8,8,.97);border:1px solid #35251d;border-bottom:0;border-radius:18px 18px 0 0;backdrop-filter:blur(14px);box-shadow:0 -10px 35px rgba(0,0,0,.38)}.sticky-item{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;color:#d7d7d7;font-size:10px;font-weight:900;letter-spacing:.08em}.sticky-item:hover{background:#20100c;color:#ffd15a}.sticky-icon{font-size:18px;color:#ffbd2c}.floating-livechat{position:fixed;right:16px;bottom:88px;z-index:95;padding:11px 14px;border-radius:999px;background:linear-gradient(135deg,#c91816,#7b0808);border:1px solid #ff5248;color:white;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(190,10,10,.32)}
.layout-b .page-hero{text-align:center}.layout-b .page-hero p{margin-left:auto;margin-right:auto}.layout-b .content-grid{grid-template-columns:280px minmax(0,1fr)}.layout-b .article-card{order:2}.layout-b .side-card{order:1}.layout-c .article-card{border-radius:8px}.layout-c .page-hero{background:linear-gradient(180deg,#130b08,#090909)}.layout-d .content-grid{grid-template-columns:1fr}.layout-d .side-card{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.layout-d .side-links{display:contents}.layout-d .side-links a{border:1px solid #2a2a2a;border-radius:10px;padding:12px}
@media(max-width:980px){.nav,.actions{display:none}.menu-toggle{display:block;margin-left:auto}.nav.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;left:16px;right:16px;top:70px;padding:14px;background:#111;border:1px solid #333;border-radius:14px}.nav.open a{padding:10px}.hero-grid{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.promo-grid{grid-template-columns:1fr 1fr}.features,.article-list,.article-directory{grid-template-columns:1fr 1fr}.content-grid,.layout-b .content-grid{grid-template-columns:1fr}.layout-b .article-card,.layout-b .side-card{order:initial}.side-card{position:static}.footer-grid{grid-template-columns:1fr 1fr}.layout-d .side-card{grid-template-columns:1fr}}
@media(max-width:620px){.container{width:min(100% - 22px,var(--max))}.hero{padding-top:32px}.hero h1,.page-hero h1{font-size:38px}.hero-art{border-radius:16px}.trust-strip,.categories,.promo-grid,.features,.article-list,.article-directory,.footer-grid{grid-template-columns:1fr}.article-card{padding:22px}.section{padding:48px 0}.running-track{gap:42px;animation-duration:15s}.running-track span{font-size:10px}.floating-livechat{width:48px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:0}.floating-livechat:after{content:'💬';font-size:18px}.sticky-item{min-height:45px}.brand img{width:134px}.page-hero{padding-top:34px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.running-track{animation:none}.running-track span:nth-child(n+2){display:none}.btn,.cat{transition:none}}