:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#fff;background:#100b24}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 20%,#6734ad55,transparent 55%),radial-gradient(ellipse at 85% 80%,#086b9b44,transparent 50%),#100b24;padding:28px 18px}main{text-align:center;width:min(410px,100%)}.spark{font-size:65px;color:#c28cff;text-shadow:0 0 30px #b04bff}h1{font-size:44px;margin:8px 0;letter-spacing:-1px}h1 span{color:#f486fa}main>p{color:#aed3ff;font-size:14px;margin-bottom:32px}form{text-align:left;padding:28px;border:1px solid #7752a5;border-radius:22px;background:linear-gradient(135deg,#342055b0,#17142bbf);box-shadow:0 18px 65px #0005}h2{font-size:20px;margin:0 0 24px}label{display:block;color:#ddcff1;font-size:13px;margin-bottom:8px}input,button{width:100%;font:inherit;border-radius:9px;padding:13px}input{background:#0e1027;border:1px solid #78618e;color:white}button{border:1px solid #b991ff;background:linear-gradient(#7545dc,#5733bb);color:white;font-weight:600;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #65e6ff;outline-offset:3px}#error{color:#ffa9b2;font-size:12px;min-height:17px;margin:12px 0}small{display:block;color:#b6a5cc;font-size:11px;line-height:1.6;text-align:center;margin-top:17px}