*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0c0a16;color:#f7f3ff;font:16px/1.6 Arial,Helvetica,sans-serif;min-height:100svh;display:grid;place-items:center;padding:28px;background-image:radial-gradient(ellipse at 30% 20%,#7049a34d,transparent 65%)}main{width:min(100%,430px);padding:36px 30px;border:1px solid #c89ade40;border-radius:20px;background:linear-gradient(145deg,#382147aa,#140e20f5);box-shadow:0 20px 90px #0005}.moon{font-size:46px;color:#edc4ee;line-height:1}.brand{font:11px monospace;letter-spacing:.3em;color:#c5abd8;margin:20px 0}h1{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:0 0 17px}h1 em{font-family:Georgia,serif;color:#edc4ee;font-weight:400}p{color:#bcafcc;margin:0 0 24px;font-size:15px}label{display:block;color:#dfd3e9;font-size:13px;margin-bottom:8px}input{width:100%;border:1px solid #6a4a7c;border-radius:7px;background:#100b19;color:#fff;padding:14px;font:16px Arial;min-height:48px}input:focus-visible,button:focus-visible{outline:2px solid #e8ff8d;outline-offset:4px}button{display:block;width:100%;min-height:48px;border:0;border-radius:7px;margin-top:18px;background:#e8ff8d;color:#19200d;font-size:15px;font-weight:700;cursor:pointer}small{display:block;color:#9381a4;font-size:12px;text-align:center;margin-top:24px}.error{color:#ffd0da;background:#46172a;border-radius:6px;padding:12px;margin:18px 0 0;font-size:14px}@media(max-width:400px){main{padding:29px 22px}body{padding:20px}}