:root{color-scheme:dark;font-family:Helvetica,Arial,sans-serif;color:#e8f3fa;background:#040911}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:20px 12px 40px;background:radial-gradient(ellipse at 50% 0,#193555,#050b15 65%);min-height:100vh}a{color:#b9e6ff;text-underline-offset:3px}a:hover{color:#fff}a:focus-visible{outline:2px solid #9edaff;outline-offset:4px}.shell{width:min(100%,1020px);margin:auto;border-radius:22px 22px 10px 10px;overflow:hidden;background:#0c1b2e;box-shadow:0 15px 50px #000a,0 0 0 2px #324556}header{min-height:105px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(160deg,#273744,#5d7180 16%,#253646 28%,#101b29 48%,#334e60 66%,#111b29)}header a{display:block;width:min(55%,400px);background:#05090e;padding:12px 15px;border-radius:12px;box-shadow:inset 2px 3px 8px #000}header img{display:block;width:100%;height:auto}header span{font-size:12px;letter-spacing:.15em;text-shadow:0 0 9px #53a6d4}.top-nav{display:flex;flex-wrap:wrap;gap:4px 22px;padding:14px 28px;background:linear-gradient(#34495b,#0a1523 50%,#14283b);font-size:13px}.top-nav a{text-decoration:none}main{max-width:820px;margin:auto;padding:clamp(24px,5vw,56px)}h1{font-size:clamp(28px,4vw,40px);font-weight:500;margin:0 0 8px}.updated{color:#aebfd0;font-size:13px}section{margin-top:38px;scroll-margin-top:20px}h2{font-size:23px;border-bottom:1px solid #3a5971;padding-bottom:12px}h3{font-size:16px;margin-top:28px}p{line-height:1.7;color:#d1dfeb;font-size:15px}footer{padding:20px 28px;background:#07111d;color:#adbdcb;display:flex;justify-content:space-between;gap:16px;font-size:12px}footer nav{display:flex;flex-wrap:wrap;gap:16px}@media(max-width:600px){body{padding:10px 8px}header{min-height:0;padding:20px;align-items:flex-start;flex-direction:column}header a{width:min(100%,360px)}.top-nav{padding:14px 20px}main{padding:28px 20px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}