:root{
  --bg:#0b0e12; --panel:#121821; --panel2:#19212d; --text:#f5f7fa; --muted:#aeb8c5;
  --line:#2a3544; --accent:#f59e0b; --ok:#31c48d; --warn:#fbbf24; --bad:#f05252;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0b0e12,#0f141b 55%,#0b0e12);color:var(--text)}
a{color:inherit}.wrap{max-width:1240px;margin:0 auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 26px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em}.mark{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffe7a1 0 12%,#f59e0b 13% 36%,#d97706 37% 58%,#5b3410 59% 100%);box-shadow:0 0 34px rgba(245,158,11,.28)}
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:999px;padding:8px 12px;font-size:13px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 16px rgba(49,196,141,.5)}
.hero{border:1px solid var(--line);background:linear-gradient(145deg,rgba(245,158,11,.08),rgba(255,255,255,.025));border-radius:28px;padding:42px;display:grid;grid-template-columns:1.3fr .7fr;gap:34px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d7a84a;font-weight:700}.hero h1{font-size:clamp(42px,7vw,88px);line-height:.95;margin:8px 0 14px}.hero p{font-size:clamp(18px,2.1vw,26px);line-height:1.4;color:#dbe2ea;max-width:800px}.tag{font-size:20px;color:#f5c66d;margin-top:24px;font-weight:700}.sunset{min-height:290px;border-radius:22px;background:linear-gradient(180deg,#2f2330 0%,#8a3f33 33%,#ec7a32 54%,#f6bd5b 64%,#362f35 65%,#141820 100%);position:relative;overflow:hidden;box-shadow:inset 0 -30px 80px rgba(0,0,0,.35)}.sunset:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;left:56%;top:46%;transform:translate(-50%,-50%);background:#ffd77b;filter:blur(.3px);box-shadow:0 0 42px rgba(255,215,123,.45)}.sunset:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:42%;background:linear-gradient(165deg,transparent 0 19%,#1b1b20 20% 43%,#262328 44% 58%,#111418 59% 100%);clip-path:polygon(0 55%,10% 44%,20% 52%,29% 35%,39% 45%,48% 26%,61% 44%,70% 34%,82% 49%,92% 38%,100% 50%,100% 100%,0 100%)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:18px}.card{grid-column:span 4;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),#10161e);border-radius:20px;padding:22px;min-height:150px}.card.wide{grid-column:span 8}.card.full{grid-column:1/-1}.card h3{margin:0 0 9px;font-size:17px}.big{font-size:34px;font-weight:800;margin:8px 0 2px}.muted{color:var(--muted)}.small{font-size:13px}.kv{display:grid;grid-template-columns:170px 1fr;gap:8px 16px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.055)}.kv:last-child{border-bottom:0}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#1f2a36;color:#d9e2ec;font-size:12px;border:1px solid #344253}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #3e4d60;background:#18212c;color:white;padding:11px 15px;font-weight:700;text-decoration:none;cursor:pointer}.btn.primary{background:#f59e0b;color:#16100a;border-color:#f59e0b}.btn.ghost{background:transparent}.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.sectiontitle{margin:38px 0 12px;font-size:14px;letter-spacing:.13em;text-transform:uppercase;color:#d6a449;font-weight:800}
.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:middle}.table th{color:#9eabba;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.table input,.table select{width:100%;background:#0d131a;border:1px solid #364456;color:white;border-radius:10px;padding:9px}.toggle{width:42px;height:24px;border-radius:999px;background:#304052;position:relative;cursor:pointer}.toggle.on{background:#247a5b}.toggle:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:.15s}.toggle.on:after{left:21px}.steps{counter-reset:s}.step{display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.step:before{counter-increment:s;content:counter(s);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#1c2632;color:#d8e0e8;font-weight:800}.check{color:var(--ok);font-weight:800}.footer{padding:50px 0 30px;color:#8090a0;font-size:12px;text-align:center}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding:28px}.card,.card.wide{grid-column:1/-1}.wrap{padding:18px}.kv{grid-template-columns:1fr}.table{font-size:13px}.sunset{min-height:220px}}