
:root{
  --bg:#06111f;
  --bg-2:#08182a;
  --panel:#0d2238;
  --panel-2:#102a44;
  --line:rgba(150,210,255,.22);
  --line-strong:rgba(150,210,255,.42);
  --text:#eaf4ff;
  --muted:#a9bfd5;
  --soft:#d7e8f8;
  --blue:#29a8ff;
  --blue-2:#6ad7ff;
  --blue-3:#0d6efd;
  --green:#58d6a2;
  --warning:#ffd166;
  --white:#fff;
  --shadow:0 24px 70px rgba(0,0,0,.35);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Calibri,"Segoe UI",Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 20% 0%, rgba(41,168,255,.26), transparent 32rem),
    radial-gradient(circle at 85% 15%, rgba(88,214,162,.12), transparent 25rem),
    linear-gradient(135deg,#050b13 0%,#08182a 42%,#050b13 100%);
  line-height:1.55;
}
a{color:var(--blue-2);text-decoration:none}
a:hover{text-decoration:underline}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:999;background:#fff;color:#00152a;padding:.75rem 1rem;border-radius:.7rem}
.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(5,15,28,.78);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}
.logo{display:flex;align-items:center;gap:.85rem;color:var(--white);font-weight:700;letter-spacing:.02em}
.logo img{height:42px;width:auto;display:block;filter:drop-shadow(0 6px 18px rgba(41,168,255,.18))}
.nav-links{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}
.nav-links a{color:var(--soft);padding:.55rem .8rem;border-radius:999px;font-size:.96rem}
.nav-links a:hover{background:rgba(41,168,255,.12);text-decoration:none}
.nav-links .primary{background:linear-gradient(135deg,var(--blue),var(--blue-3));color:#fff;box-shadow:0 12px 30px rgba(13,110,253,.26)}
.hero{padding:72px 0 46px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.38rem .75rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--blue-2);background:rgba(41,168,255,.08);font-weight:700;font-size:.9rem;letter-spacing:.02em}
h1{font-size:clamp(2.25rem,5vw,4.9rem);line-height:.98;margin:0 0 1.15rem;letter-spacing:-.06em}
h2{font-size:clamp(1.75rem,3.2vw,2.8rem);line-height:1.05;margin:0 0 1rem;letter-spacing:-.04em}
h3{font-size:1.32rem;margin:0 0 .55rem;color:#fff}
p{margin:0 0 1rem}.lead{font-size:1.22rem;color:var(--soft);max-width:68ch}.muted{color:var(--muted)}
.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.78rem 1rem;border-radius:999px;border:1px solid var(--line-strong);color:#fff;background:rgba(255,255,255,.04);font-weight:700;text-decoration:none}.btn:hover{text-decoration:none;background:rgba(41,168,255,.14)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-3));border-color:transparent;box-shadow:0 18px 45px rgba(13,110,253,.28)}
.hero-card{background:linear-gradient(180deg,rgba(13,34,56,.92),rgba(8,20,34,.88));border:1px solid var(--line);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}
.hero-card img,.hero-card svg{width:100%;height:auto;display:block;border-radius:18px}
.status-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:28px}.status{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:18px;padding:1rem}.status strong{display:block;color:#fff;font-size:1.4rem;line-height:1.1}.status span{color:var(--muted);font-size:.95rem}
section{padding:54px 0}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.section-head p{max-width:70ch;color:var(--muted)}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.card{background:linear-gradient(180deg,rgba(13,34,56,.82),rgba(8,20,34,.78));border:1px solid var(--line);border-radius:22px;padding:1.25rem;box-shadow:0 16px 50px rgba(0,0,0,.2)}.card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(41,168,255,.13);border:1px solid var(--line-strong);margin-bottom:.9rem;color:var(--blue-2);font-weight:900}.card p{color:var(--muted)}
.notice{border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.09);border-radius:20px;padding:1rem 1.15rem;color:#ffedb3}.notice strong{color:#fff}.ok{border-color:rgba(88,214,162,.35);background:rgba(88,214,162,.09);color:#c9f7e4}.ok strong{color:#fff}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;vertical-align:top;padding:.86rem 1rem;border-bottom:1px solid var(--line)}th{color:#fff;background:rgba(41,168,255,.1);font-weight:700}td{color:var(--soft)}tr:last-child td{border-bottom:0}.compact td,.compact th{padding:.68rem .85rem}caption{text-align:left;color:var(--muted);padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.kpi{padding:1.2rem;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.04)}.kpi strong{display:block;font-size:1.7rem;color:#fff}.kpi span{color:var(--muted)}
.timeline{display:grid;gap:.85rem}.timeline-item{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.timeline-item time{color:var(--blue-2);font-weight:700}
.details{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);padding:.9rem 1rem}.details summary{cursor:pointer;color:#fff;font-weight:700}.details p{margin-top:.8rem;color:var(--muted)}
.footer{border-top:1px solid var(--line);background:rgba(4,10,18,.78);padding:34px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;align-items:start}.footer img{height:38px}.footer small{display:block;margin-top:.8rem}.footer-links{display:flex;gap:.8rem;justify-content:flex-end;flex-wrap:wrap}
.page-hero{padding:54px 0 28px}.breadcrumb{color:var(--muted);font-size:.95rem;margin-bottom:.8rem}.breadcrumb a{color:var(--blue-2)}.content{padding:30px 0 62px}.prose{max-width:880px}.prose h2{margin-top:2.5rem}.prose ul{color:var(--soft)}.prose li{margin:.35rem 0}
.badge{display:inline-block;padding:.25rem .55rem;border:1px solid var(--line-strong);border-radius:999px;color:var(--blue-2);background:rgba(41,168,255,.08);font-size:.85rem;font-weight:700}.updated{display:inline-block;color:var(--muted);font-size:.95rem;margin-top:.5rem}
@media (max-width:850px){.hero-grid,.grid-3,.grid-2,.footer-grid{grid-template-columns:1fr}.section-head{display:block}.status-strip,.kpi-row{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.nav{align-items:flex-start}.nav-links{font-size:.92rem}.logo img{height:34px}}
@media (max-width:540px){.container{width:min(100% - 28px,1120px)}.status-strip,.kpi-row{grid-template-columns:1fr}.nav-links a{padding:.45rem .55rem}.hero{padding-top:44px}table{min-width:620px}}
@media print{body{background:#fff;color:#000}.site-header,.footer,.hero-card,.btn{display:none}a{color:#000}section,.content{padding:1rem 0}.card,.table-wrap,.notice,.ok{box-shadow:none;background:#fff;color:#000;border-color:#999}td,th{color:#000}.container{width:100%}}
