:root { color-scheme: dark; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background:#050e1f; color:#dbeafe; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at top,#17326a 0,#071329 38%,#030817 100%); }
a { color:#93c5fd; text-underline-offset:3px; }
a:focus-visible { outline:3px solid #fbbf24; outline-offset:3px; border-radius:3px; }
.shell { width:min(920px,calc(100% - 32px)); margin:0 auto; padding:28px 0 72px; }
.top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:28px; }
.brand { display:flex; align-items:center; gap:11px; color:#f8fafc; text-decoration:none; font-family:Georgia,serif; font-weight:700; font-size:20px; }
.brand img { width:40px; height:40px; border-radius:10px; }
.back { font-size:13px; }
main { background:rgba(5,14,31,.84); border:1px solid rgba(147,197,253,.22); border-radius:18px; padding:clamp(22px,5vw,48px); box-shadow:0 24px 70px rgba(0,0,0,.38); }
h1,h2 { color:#f8fafc; font-family:Georgia,serif; line-height:1.2; }
h1 { font-size:clamp(30px,7vw,48px); margin:0 0 8px; }
h2 { font-size:21px; margin:34px 0 10px; }
p,li { line-height:1.7; color:#cbd5e1; }
li + li { margin-top:7px; }
.meta { color:#93c5fd; font-size:13px; margin:0 0 24px; }
.notice { margin:22px 0; border:1px solid rgba(251,191,36,.45); background:rgba(120,53,15,.22); color:#fde68a; border-radius:12px; padding:14px 16px; line-height:1.55; }
.safe { border-color:rgba(52,211,153,.4); background:rgba(6,78,59,.24); color:#a7f3d0; }
footer { margin-top:24px; display:flex; flex-wrap:wrap; gap:12px 20px; justify-content:center; font-size:12px; }
@media (max-width:520px) { .top { align-items:flex-start; flex-direction:column; } main { border-radius:14px; } }