:root{font-family:system-ui,sans-serif;color:#eaf6f8;background:#072a33;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:32px 16px;min-height:100vh;background:radial-gradient(ellipse at top right,#136b76,transparent 75%),#072a33}main{max-width:530px;margin:auto;background:#083c46;padding:28px;border:1px solid #41838d;border-radius:20px;box-shadow:0 20px 80px #001d26}h1{font-size:1.8rem;line-height:1.2}.brand{letter-spacing:.16em;font-size:.8rem;color:#90ded8;font-weight:700}p{line-height:1.55}.hint{font-size:.88rem;color:#b4d4d8}nav{display:flex;gap:10px;margin:22px 0}label{display:block;margin-top:18px;font-weight:600}input{display:block;width:100%;font:inherit;margin-top:7px;padding:12px;border:1px solid #8fb8bf;border-radius:9px;background:#062b34;color:#fff}button,.button{font:inherit;display:inline-block;border:1px solid #a3dadb;border-radius:10px;background:#b4f0d7;color:#063c3e;padding:12px 16px;cursor:pointer;text-decoration:none;margin:18px 8px 0 0;font-weight:650}nav button{margin:0;background:transparent;color:#eaf6f8;flex:1}nav button[aria-pressed=true]{background:#b4f0d7;color:#063c3e}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #ffe39a;outline-offset:3px}[hidden]{display:none!important}#status:not(:empty){padding:12px;border-radius:9px;background:#062b34;border-left:3px solid #ffe39a}#account button{background:transparent;color:#eaf6f8}@media(max-width:420px){main{padding:20px}h1{font-size:1.5rem}nav{flex-direction:column}}