@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,'Segoe UI',sans-serif;background:#000;color:#f3f4fa}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#000}main{max-width:440px;width:100%;text-align:center;padding:36px 30px;border:1px solid #ffffff26;border-radius:25px;background:linear-gradient(145deg,#202020,#0e0e0e);box-shadow:0 24px 70px #0006,inset 0 1px 0 #fff1}.brand{font-size:34px;font-weight:700;margin:8px 0 25px;letter-spacing:-1px}h1{font-size:23px;line-height:1.5;font-weight:650;letter-spacing:-.6px}#detail{font-size:14px;line-height:1.8;color:#bcc9de;margin:16px 0 0}form{margin-top:25px;text-align:left}label{display:block;font-size:13px;color:#c6d3e6;margin-top:16px}input{display:block;width:100%;margin-top:8px;padding:13px;font:inherit;color:#fff;background:#080808;border:1px solid #ffffff38;border-radius:11px;font-size:16px}input:focus{outline:2px solid #66bfff;outline-offset:2px}button{width:100%;margin-top:23px;padding:13px;background:linear-gradient(135deg,#8c48ed,#6628d8);border:1px solid #c395ff8c;border-radius:11px;color:#fff;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.6}.indicator{display:inline-block;width:23px;height:23px;margin-top:25px;border:2px solid #a1d5ff2f;border-top-color:#78c6ff;border-radius:50%;animation:spin .8s linear infinite}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.indicator{animation:none}}@media(max-width:380px){main{padding:30px 22px}h1{font-size:21px}}
