@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --bg-deep:#020810;
  --bg-main:#070E1C;
  --bg-card:#0C1829;
  --bg-card-hover:#111F36;
  --gold:#D4A843;
  --gold-light:#F0C96A;
  --accent:#7EB8E0;
  --white:#EDF4FF;
  --text-sec:#7A8EA8;
  --text-mid:#B0C2D6;
  --success:#22C55E;
  --danger:#EF4444;
  --grad-gold:linear-gradient(135deg,#D4A843 0%,#F0C96A 50%,#D4A843 100%);
  --glass:rgba(10,20,38,.72);
  --glass-border:rgba(126,184,224,.12);
  --max:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{
  min-height:100vh;
  background:var(--bg-main);
  color:var(--white);
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 68% 42%,rgba(126,184,224,.12),transparent 28%),
    radial-gradient(circle at 90% 85%,rgba(212,168,67,.08),transparent 30%),
    linear-gradient(120deg,#020810 0%,#071121 48%,#0A1930 100%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.7;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='70'%3E%3Cpolygon points='30,3 57,18 57,52 30,67 3,52 3,18' fill='none' stroke='rgba(126,184,224,0.045)' stroke-width='1'/%3E%3C/svg%3E");
  background-size:60px 70px;
  pointer-events:none;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.cnt{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.ann{background:#101720;border-bottom:1px solid rgba(237,244,255,.08);padding:9px 0;text-align:center}
.ann p{font-family:'Oswald',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9CB4D1}
.ann strong{color:var(--gold-light)}.ann a{color:#9FD2FF}.ann-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success);margin-right:9px}
.hdr{position:sticky;top:0;z-index:40;background:rgba(7,14,28,.88);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(126,184,224,.09)}
.hdr-inner{display:flex;align-items:center;gap:22px;padding:16px 0}
.hdr-logo{display:flex;align-items:center;gap:12px;min-width:0}
.hdr-logo img{width:34px;height:34px;object-fit:contain}.logo-fb{font-family:'Bebas Neue',cursive;color:var(--gold);font-size:1.45rem;letter-spacing:.08em}
.hdr-nav{display:flex;align-items:center;gap:24px;list-style:none;flex:1}
.hdr-nav a{font-family:'Oswald',sans-serif;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-sec);transition:color .2s}
.hdr-nav a:hover,.hdr-nav a.active{color:var(--white)}
.nav-hot{display:inline-flex;align-items:center;gap:7px}.nav-hot::before{content:"";width:10px;height:10px;border-radius:50%;background:#FF463D;box-shadow:0 0 14px rgba(255,70,61,.7)}
.hdr-acts{display:flex;gap:10px;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:13px 24px;border:1px solid rgba(237,244,255,.18);font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:.2s transform,.2s box-shadow,.2s border-color}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--grad-gold);color:#06101D;border-color:rgba(240,201,106,.6);box-shadow:0 14px 34px rgba(212,168,67,.20)}.btn-ghost{background:rgba(10,20,38,.55);color:var(--white)}
.hbg{display:none;flex-direction:column;gap:5px;background:transparent;border:0;padding:8px;margin-left:auto}.hbg span{width:24px;height:2px;background:var(--white);border-radius:2px}.mob-menu{display:none}
.hero{position:relative;padding:112px 0 72px;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:52px}
.s-tag{display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);background:rgba(126,184,224,.08);border:1px solid rgba(126,184,224,.18);padding:6px 14px;border-radius:100px;margin-bottom:20px}
.s-tag::before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}
h1,.display{font-family:'Bebas Neue',cursive;font-size:clamp(4.2rem,8.4vw,7.2rem);line-height:.88;letter-spacing:.018em;color:#fff;text-wrap:balance}
h1 span,.display span,.gold{color:var(--gold-light)}
.lead{font-size:clamp(1rem,1.6vw,1.16rem);color:#A8BED8;max-width:640px;line-height:1.8;margin-top:26px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.micro{color:var(--text-sec);font-size:.9rem;margin-top:14px}.micro b{color:#fff}
.hero-art{position:relative;min-height:430px;display:grid;place-items:center}
.hero-art::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(126,184,224,.22),transparent 65%);filter:blur(8px)}
.hero-art img{position:relative;max-height:360px;object-fit:contain;filter:drop-shadow(0 34px 50px rgba(0,0,0,.45))}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(126,184,224,.1);border-bottom:1px solid rgba(126,184,224,.1);background:rgba(6,13,24,.58)}
.stat{text-align:center;padding:24px 14px;border-right:1px solid rgba(126,184,224,.08)}.stat:last-child{border-right:0}.stat b{display:block;font-family:'Bebas Neue',cursive;font-size:2.2rem;line-height:1;color:var(--gold-light)}.stat span{font-family:'Oswald',sans-serif;color:var(--text-sec);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.section{padding:76px 0}.section.alt{background:rgba(2,8,16,.42);border-top:1px solid rgba(126,184,224,.06);border-bottom:1px solid rgba(126,184,224,.06)}
.section-head{max-width:800px;margin-bottom:34px}.section-head.center{text-align:center;margin-inline:auto}.section h2{font-family:'Bebas Neue',cursive;font-size:clamp(2.8rem,5.6vw,5rem);line-height:.92;letter-spacing:.02em;margin-bottom:14px}.section-head p{color:var(--text-sec);font-size:1.02rem;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(12,24,41,.92),rgba(6,14,27,.96));border:1px solid rgba(126,184,224,.12);border-radius:20px;padding:24px;box-shadow:0 22px 60px rgba(0,0,0,.32);transition:.2s transform,.2s border-color,.2s background}
.card:hover{transform:translateY(-3px);border-color:rgba(212,168,67,.32);background:linear-gradient(180deg,rgba(17,31,54,.96),rgba(7,16,31,.98))}
.card h3{font-family:'Oswald',sans-serif;text-transform:uppercase;font-size:1.1rem;line-height:1.18;color:#fff;margin-bottom:10px;letter-spacing:.03em}.card p{color:var(--text-sec);font-size:.96rem}.card .meta{display:inline-flex;margin-bottom:12px;color:var(--gold-light);font-family:'Oswald',sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.card a.read{display:inline-flex;margin-top:18px;color:var(--accent);font-family:'Oswald',sans-serif;font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}.panel{background:linear-gradient(180deg,rgba(12,24,41,.94),rgba(6,14,27,.98));border:1px solid rgba(126,184,224,.12);border-radius:24px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.35)}.panel p,.panel li{color:var(--text-sec)}.panel ul{padding-left:20px;margin-top:14px}.panel li{margin-bottom:10px}
.article-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;padding:56px 0 88px}.toc{position:sticky;top:112px;align-self:start;background:rgba(12,24,41,.78);border:1px solid rgba(126,184,224,.12);border-radius:20px;padding:20px}.toc strong{display:block;font-family:'Oswald',sans-serif;color:var(--gold-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.toc a{display:block;color:var(--text-sec);font-weight:800;font-size:.9rem;padding:8px 0;border-bottom:1px solid rgba(126,184,224,.07)}.toc a:hover{color:#fff}
.article{max-width:850px}.article h2{font-family:'Bebas Neue',cursive;font-size:clamp(2.3rem,4.8vw,4.4rem);line-height:.95;margin:42px 0 16px;letter-spacing:.018em}.article h3{font-family:'Oswald',sans-serif;font-size:1.28rem;text-transform:uppercase;color:#fff;margin:26px 0 10px}.article p{color:#B0C2D6;font-size:1.04rem;line-height:1.85;margin:0 0 17px}.article ul,.article ol{padding-left:24px;margin:0 0 22px}.article li{color:#B0C2D6;margin-bottom:10px}.article strong{color:#fff}.callout{border:1px solid rgba(212,168,67,.24);background:rgba(212,168,67,.08);border-radius:20px;padding:22px;margin:28px 0}.callout.blue{border-color:rgba(126,184,224,.24);background:rgba(126,184,224,.08)}.callout.green{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.07)}
.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.calc-fields label{display:grid;gap:7px;color:#fff;font-family:'Oswald',sans-serif;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.calc-fields input,.calc-fields select{width:100%;min-height:48px;border-radius:12px;border:1px solid rgba(126,184,224,.18);background:#050D19;color:#fff;padding:12px 13px;font:600 1rem 'Inter',sans-serif}.calc-fields input:focus,.calc-fields select:focus{outline:2px solid rgba(212,168,67,.42);border-color:rgba(212,168,67,.6)}.calc-result{margin-top:20px;border:1px solid rgba(212,168,67,.24);background:rgba(212,168,67,.07);border-radius:20px;padding:22px}.calc-result span{display:block;font-family:'Oswald',sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px}.calc-result strong{display:block;font-family:'Bebas Neue',cursive;font-size:clamp(4rem,9vw,6.5rem);line-height:.86;color:var(--gold-light)}.calc-result p{color:#B0C2D6;margin-top:8px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.footer{background:#020810;border-top:1px solid rgba(126,184,224,.1);padding:54px 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}.footer p,.footer a{color:var(--text-sec);font-size:.9rem}.footer h3{font-family:'Oswald',sans-serif;color:#fff;text-transform:uppercase;font-size:.9rem;letter-spacing:.08em;margin-bottom:12px}.footer a{display:block;margin:8px 0}.footer a:hover{color:var(--gold-light)}
@media(max-width:940px){
  .cnt{width:min(var(--max),calc(100% - 28px))}
  .hdr-nav,.hdr-acts{display:none}.hbg{display:flex}.mob-menu{position:fixed;inset:0 0 0 auto;width:min(340px,88vw);z-index:60;background:#020810;border-left:1px solid rgba(126,184,224,.12);padding:86px 26px 32px;display:flex;flex-direction:column;gap:4px;transform:translateX(100%);transition:transform .25s ease}.mob-menu.on{transform:translateX(0)}.mob-menu a{font-family:'Oswald',sans-serif;text-transform:uppercase;color:#fff;letter-spacing:.06em;padding:13px 0;border-bottom:1px solid rgba(126,184,224,.08)}
  .hero{padding:64px 0 44px}.hero-inner,.feature,.article-shell{grid-template-columns:1fr}.hero-art{min-height:250px}.hero-art img{max-height:260px}.stats{grid-template-columns:repeat(2,1fr)}.grid,.grid.two,.related,.footer-grid,.calc-fields{grid-template-columns:1fr}.toc{display:none}.section{padding:54px 0}h1,.display{font-size:clamp(4rem,17vw,5.6rem)}
}