@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Rajdhani:wght@600;700&display=swap');

:root {
  font-family: Inter, system-ui, sans-serif;
  color: #edfaff;
  background: #050b10;
  --line: rgba(96, 210, 242, 0.2);
  --cyan: #5ce7ff;
  --muted: #91aab5;
  --display: Rajdhani, Inter, sans-serif;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    linear-gradient(rgba(20, 70, 90, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20, 70, 90, .07) 1px, transparent 1px),
    radial-gradient(circle at 50% -20%, #153b51 0, #07131d 33%, #050b10 72%);
  background-size: 32px 32px, 32px 32px, auto;
}

.topbar { min-height:76px; display:flex; align-items:center; padding:14px 26px; border-bottom:1px solid var(--line); background:rgba(4,13,19,.92); }
.brand { color:#fff; text-decoration:none; font:700 20px var(--display); letter-spacing:.14em; }
.brand small { display:block; color:#7893a1; font:600 10px/1.5 var(--display); letter-spacing:.17em; }
.document { max-width:850px; margin:30px auto 50px; padding:30px 36px 40px; background:linear-gradient(145deg,rgba(13,35,48,.95),rgba(5,18,27,.95)); border:1px solid var(--line); }
.back { color:#93aeb8; font:700 10px var(--display); letter-spacing:.1em; text-transform:uppercase; text-decoration:none; }
header { margin:24px 0 30px; padding-bottom:20px; border-bottom:1px solid var(--line); }
.eyebrow { color:var(--cyan); font:700 9px var(--display); letter-spacing:.2em; text-transform:uppercase; }
h1 { margin:5px 0; color:#fff; font:700 42px/1 var(--display); letter-spacing:.03em; }
header p { margin:8px 0 0; color:#7893a1; font-size:11px; }
section { margin-top:24px; }
h2 { margin:0 0 8px; color:#dff8ff; font:700 20px var(--display); letter-spacing:.04em; }
p, li { color:var(--muted); font-size:12px; line-height:1.75; }
p { margin:0; }
ul { margin:0; padding-left:20px; }
li+li { margin-top:7px; }
a { color:var(--cyan); }
.notice { border-left:2px solid var(--cyan); padding:10px 14px; background:rgba(39,160,190,.08); }
footer { max-width:850px; margin:0 auto 30px; text-align:center; color:#5c7480; font-size:10px; }
footer a { margin-left:14px; }

@media (max-width:620px) {
  .topbar { min-height:64px; padding:12px 16px; }
  .brand { font-size:16px; }
  .document { margin:14px 10px 30px; padding:22px 18px 30px; }
  h1 { font-size:34px; }
}