:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#edf3f6}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 0%,#254257,transparent 65%)}main{width:min(390px,calc(100% - 64px));padding:34px 30px;margin:28px 0;border:1px solid #365064;border-radius:20px;background:#132330ee;box-shadow:0 20px 80px #0005}.eyebrow{color:#b9d8ee;font-size:14px;letter-spacing:.2em}h1{font-size:30px;margin:12px 0}p,footer{color:#bdccd5;line-height:1.7}form{margin-top:28px}label{display:block;margin:16px 0;font-size:14px}input,button{box-sizing:border-box;width:100%;padding:13px 14px;border-radius:9px;border:1px solid #456176;margin-top:8px;background:#0b1b28;color:#fff;font:inherit}input:focus{outline:2px solid #8ac7ed}button{background:#b0d9ed;color:#102131;border:0;font-weight:700;cursor:pointer}button:disabled{opacity:.6}#result{min-height:25px;font-size:14px}footer{font-size:12px;border-top:1px solid #365064;padding-top:18px;margin-top:24px}