:root {
  --bg: #0b0d14; --surface: #12151f; --card: #181c28;
  --border: rgba(255,255,255,.07);
  --accent: #6c63ff; --accent2: #00d4ff;
  --text-1: #f0f2ff; --text-2: #9ca3b8; --text-3: #5c6380;
  --success: #22c55e; --danger: #ef4444;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg); color:var(--text-1); line-height:1.75; min-height:100vh;
}
body::before {
  content:''; position:fixed; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 70% 50% at 50% -10%, rgba(108,99,255,.35), transparent);
}
.wrap { max-width:820px; margin:0 auto; padding:48px 24px 96px; position:relative; }
header { margin-bottom:40px; }
.brand {
  display:inline-flex; align-items:center; gap:10px; font-weight:700;
  letter-spacing:-.02em; font-size:1.05rem; text-decoration:none; color:var(--text-1);
}
.brand span {
  background:linear-gradient(135deg,var(--accent),var(--accent2));
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
h1 {
  font-size:clamp(1.9rem,5vw,2.6rem); line-height:1.2; letter-spacing:-.03em;
  margin:24px 0 8px; font-weight:800;
}
.updated { color:var(--text-3); font-size:.9rem; }
h2 {
  font-size:1.25rem; margin:40px 0 12px; letter-spacing:-.02em; font-weight:700;
  padding-top:16px; border-top:1px solid var(--border);
}
h3 { font-size:1rem; margin:22px 0 6px; font-weight:650; color:var(--text-1); }
p, li { color:var(--text-2); }
p { margin:10px 0; }
ul, ol { margin:10px 0 10px 22px; }
li { margin:6px 0; }
strong { color:var(--text-1); font-weight:650; }
a { color:var(--accent2); text-decoration:none; }
a:hover { text-decoration:underline; }
.card {
  background:var(--card); border:1px solid var(--border); border-radius:14px;
  padding:20px 22px; margin:22px 0;
}
.card.warn { background:rgba(239,68,68,.06); border-color:rgba(239,68,68,.22); }
.card.ok { background:rgba(34,197,94,.07); border-color:rgba(34,197,94,.22); }
.card.info { background:rgba(108,99,255,.10); border-color:rgba(108,99,255,.25); }
.card h3 { margin-top:0; }
table { width:100%; border-collapse:collapse; margin:18px 0; font-size:.95rem; }
th, td { text-align:left; padding:11px 12px; border-bottom:1px solid var(--border); }
th { color:var(--text-1); font-weight:650; }
td { color:var(--text-2); }
.nav { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0 0; }
.nav a {
  padding:9px 15px; border:1px solid var(--border); border-radius:999px;
  font-size:.88rem; color:var(--text-2); background:rgba(255,255,255,.02);
}
.nav a:hover { color:var(--text-1); border-color:var(--accent); text-decoration:none; }
.contact-grid { display:grid; gap:14px; margin:20px 0; }
@media (min-width:560px) { .contact-grid { grid-template-columns:1fr 1fr; } }
.label { color:var(--text-3); font-size:.8rem; text-transform:uppercase; letter-spacing:.06em; }
.value { color:var(--text-1); font-weight:600; font-size:1.05rem; word-break:break-word; }
footer {
  margin-top:56px; padding-top:24px; border-top:1px solid var(--border);
  color:var(--text-3); font-size:.88rem;
}