:root{color-scheme:dark;font:16px/1.55 system-ui,sans-serif;color:#e9e7ee;background:#16151a}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 20% 0%,#34254588,transparent 60%),#16151a}main{width:min(440px,100%);padding:36px;border:1px solid #3b3742;border-radius:22px;background:#201e26;box-shadow:0 24px 80px #0004}.brand{color:#e9e7ee;text-decoration:none;font-size:24px;font-weight:700}.brand span{display:block;color:#aaa4b6;font-size:13px;font-weight:400;letter-spacing:.06em;margin-top:2px}h1{font-size:28px;line-height:1.2;margin:32px 0 12px}p,footer{color:#b7b1c3}label{display:block;margin:18px 0 6px}input,button{width:100%;min-height:48px;border-radius:10px;font:inherit}input{background:#17151d;color:#fff;border:1px solid #50495c;padding:10px 12px}button{margin-top:24px;border:0;background:#b19ae8;color:#201332;font-weight:650;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #c9b7f5;outline-offset:3px}#status{min-height:24px;margin-bottom:0}footer{font-size:13px;border-top:1px solid #3b3742;margin-top:24px;padding-top:18px}@media(max-width:430px){body{padding:16px}main{padding:24px}h1{font-size:26px}}