:root{
  --bg:#060810; --muted:rgba(255,255,255,.7); --glass:rgba(255,255,255,.05); --glass-b:#ffffff1f;
  --accent:#34d399; --accent2:#22d3ee; --warn:#f59e0b; --danger:#ef4444;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:#fff;font-family:'Outfit',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
a{color:#fff;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.bg{background:radial-gradient(60rem 40rem at 50% -10%, rgba(34,211,238,.12), transparent),radial-gradient(40rem 30rem at 0% 90%, rgba(52,211,153,.12), transparent), var(--bg)}
:root { --header-h: 64px; } /* default */
.site-header{
position: fixed; top: 0; left: 0; right: 0;
z-index: 999;
background: rgba(6,8,16,.6);
backdrop-filter: saturate(180%) blur(12px);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.header-inner{ min-height: var(--header-h); }
 main{ padding-top: var(--header-h); }
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-weight:700;letter-spacing:.08em}
.brand span{opacity:.6}
.nav a{margin-left:18px;opacity:.85}
.nav a:hover{opacity:1}
.site-footer{border-top:1px solid rgba(255,255,255,.08);background:rgba(6,8,16,.6)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.small{font-size:.9rem}
.xs{font-size:.75rem}
.strong{font-weight:600}
.muted{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.section{padding:80px 0}
.hero{padding:96px 0}
.pad{padding:24px}
.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem;border-radius:999px;background:rgba(52,211,153,.12);color:#baf7e3;border:1px solid rgba(52,211,153,.35);font-size:12px;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2)}
.btn.primary{background:#fff;color:#0a0a0f}
.btn.primary:hover{opacity:.9}
.btn.ghost{background:rgba(255,255,255,.06);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.1)}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin:20px 0}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}
.stat{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.glass{position:relative;border:1px solid var(--glass-b);background:var(--glass);backdrop-filter:blur(12px) saturate(140%);border-radius:16px;box-shadow:0 0 40px -15px rgba(0,0,0,.6)}
.row{display:flex;gap:12px;align-items:center}
.space{justify-content:space-between}
.bullets h3{margin:.2rem 0 .4rem}
.clock .tiles{margin:12px 0}
.clock .tile{padding:16px;text-align:center}
.clock .num{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums}
.track{height:8px;background:rgba(255,255,255,.1);border-radius:999px;overflow:hidden}
.bar{height:8px;width:0;background:var(--accent);transition:width .4s ease}
.card{display:block}
.card .chip{display:inline-block;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:4px 8px;margin-bottom:8px}
.list .item{display:grid;grid-template-columns:120px 1fr 120px;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.list .item:hover{background:rgba(255,255,255,.04)}
.list .chip{justify-self:start}
.list .title{align-self:center}
.list .date{justify-self:end}
.form input,.form textarea{width:100%;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:10px 12px}
.form textarea{resize:vertical}
.hidden-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.phase-bar{border-top:1px solid rgba(255,255,255,.08)}
.phase-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.badges{display:flex;gap:10px}
.badge .val{font-variant-numeric:tabular-nums}
@media (max-width: 900px){
  .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .list .item{grid-template-columns:80px 1fr 80px}
  .header-inner{height:auto;padding:12px 0;gap:12px;flex-wrap:wrap}
  .nav{width:100%;display:flex;gap:12px;flex-wrap:wrap}
}