:root{--ink:#0E131A;--night:#151C26;--mist:#E6EEF8;--rose:#BCD4EC;--deep:#8CAFD9;--royal:#2F66A5;--line:rgba(188,212,236,.16)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--mist);background:radial-gradient(1200px 700px at 50% -10%,#1D3F6E 0,rgba(29,63,110,0) 60%),var(--ink);font:16px/1.65 "Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:300}
a{color:var(--rose);text-decoration:none;border-bottom:1px solid rgba(188,212,236,.35)}
a:hover,a:focus-visible{color:#fff;border-bottom-color:#fff}
main{flex:1;width:100%;max-width:760px;margin:0 auto;padding:48px 22px}
.hero{text-align:center;padding-top:24px}
.hero img.logo{width:min(200px,50vw);height:auto;border-radius:22%;box-shadow:0 10px 50px rgba(47,102,165,.35)}
.hero img.title{display:block;width:min(560px,92%);height:auto;margin:34px auto 6px}
.tag{font-size:1.2rem;letter-spacing:.04em;color:var(--rose);margin:10px 0 30px}
.btn{display:inline-block;padding:13px 30px;border:1px solid var(--line);border-radius:12px;background:rgba(21,28,38,.7);color:var(--mist);font-weight:400;letter-spacing:.06em;backdrop-filter:blur(10px)}
.btn:hover{border-color:var(--deep);color:#fff}
.btn.soon{opacity:.75;cursor:default}
.btn.soon:hover{border-color:var(--line)}
.social{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;padding:0;margin:44px 0 0}
.social a{font-size:.95rem;letter-spacing:.05em}
.card{background:rgba(21,28,38,.72);border:1px solid var(--line);border-radius:16px;padding:8px 26px 26px;backdrop-filter:blur(10px)}
h1{font-weight:300;letter-spacing:.14em;text-transform:uppercase;font-size:1.5rem;margin:6px 0 4px;color:#fff}
h2{font-weight:400;font-size:1.05rem;letter-spacing:.05em;color:var(--rose);margin:30px 0 4px}
.top{padding:22px 22px 0;max-width:760px;margin:0 auto;width:100%}
.top a{font-size:.9rem;letter-spacing:.1em;text-transform:uppercase}
ul.plain{padding-left:20px}
.note{color:var(--deep);font-size:.9rem}
footer{border-top:1px solid var(--line);text-align:center;padding:22px;font-size:.88rem;color:var(--deep)}
footer a{margin:0 10px}
@media (max-width:480px){main{padding:30px 16px}.card{padding:4px 18px 20px}}
.copy{margin-top:8px}

.wide{max-width:980px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:400;letter-spacing:.06em;color:var(--rose)}.phase{text-transform:capitalize}.phase-active{color:#9fe0b4}.phase-maintenance{color:#e8c98a}.phase-closed,.phase-ended{color:var(--deep)}