:root{color-scheme:dark;--bg:#050b16;--gold:#ffe35d;--text:#eaf8ff;--muted:#a9c1d1;--danger:#ff8778}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#17344a 0,#081321 35%,var(--bg) 75%);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}header{border-bottom:1px solid rgba(31,202,215,.45);background:rgba(3,10,20,.88);box-shadow:0 0 24px rgba(31,202,215,.15)}.topbar,main,footer{width:min(920px,calc(100% - 32px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.brand{color:#fff;font-size:22px;font-weight:900;text-decoration:none;text-shadow:0 0 10px #21dfe9}.nav{display:flex;flex-wrap:wrap;gap:10px}.nav a{border:1px solid rgba(31,202,215,.55);border-radius:7px;padding:8px 12px;background:#10263b;color:#dffcff;font-weight:700;text-decoration:none}.nav a:hover{border-color:var(--gold);color:var(--gold)}main{padding:44px 0 56px}article{border:1px solid rgba(31,202,215,.3);border-radius:14px;padding:clamp(22px,5vw,52px);background:linear-gradient(180deg,rgba(13,30,49,.97),rgba(6,15,27,.98));box-shadow:0 16px 55px rgba(0,0,0,.38)}h1{margin:0 0 4px;color:#fff;font-size:clamp(30px,6vw,48px);line-height:1.15}h2{margin:34px 0 8px;color:var(--gold);font-size:21px}.meta{margin:0 0 28px;color:var(--muted)}.notice{margin:24px 0;padding:15px 17px;border-left:4px solid var(--gold);border-radius:5px;background:rgba(255,227,93,.09)}.warning{border-left-color:var(--danger);background:rgba(255,80,70,.09)}a{color:#38eef4}ul{padding-left:22px}footer{padding:0 0 38px;color:var(--muted);text-align:center}@media(max-width:620px){.topbar{align-items:flex-start;flex-direction:column}.nav{width:100%}.nav a{flex:1;text-align:center}main{padding-top:22px}article{padding:22px}}