:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#071321;color:#edf4fb}body{margin:0;background:radial-gradient(ellipse at 50% 0,#134268 0,transparent 65%)}main{max-width:850px;margin:auto;padding:40px 22px 70px}header{border-bottom:1px solid #be9d53;margin-bottom:30px;padding-bottom:20px}h1{font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.03em}h2{margin-top:32px;color:#ead6a3;font-size:1.3rem}p,li{line-height:1.75}a{color:#86dbff}small{color:#bacbd9}.brand{color:#edcf8e;font-weight:700;letter-spacing:.15em}nav{display:flex;gap:24px;flex-wrap:wrap}section,.card{padding:20px;border:1px solid #537a98;border-radius:16px;background:#0a2033;margin:24px 0}label{display:block;margin-top:18px}input,button{box-sizing:border-box;min-height:48px;font:inherit;border-radius:10px;padding:12px 16px}input{width:100%;background:#061725;color:#fff;border:1px solid #6e92af;margin:8px 0}button{border:1px solid #62bbdb;background:linear-gradient(#11608d,#092844);color:#fff;cursor:pointer;margin:10px 10px 0 0}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #edcf8e;outline-offset:3px}.warning{color:#f1c08f}#status{min-height:2em;white-space:pre-wrap}footer{border-top:1px solid #304859;padding-top:20px;margin-top:32px}