:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#08111f;color:#e7eef9}.card{width:min(92vw,420px);padding:2rem;border:1px solid #263a55;border-radius:18px;background:#101c2c;box-shadow:0 20px 60px #0008}h1{margin:.25rem 0 1.5rem;font-size:1.75rem}label{display:block;margin:.9rem 0 .35rem;color:#b9c9df}input{width:100%;padding:.8rem;border:1px solid #3a516f;border-radius:9px;background:#0a1524;color:white;font:inherit}button{width:100%;margin-top:1.25rem;padding:.85rem;border:0;border-radius:9px;background:#4f8cff;color:white;font-weight:700;cursor:pointer}.error{padding:.75rem;border-radius:9px;background:#5b2029;color:#ffdbe0}.muted{color:#9cb0c9}.brand{display:flex;align-items:center;gap:.7rem;color:#75a7ff;font-weight:800;letter-spacing:.06em;font-size:.9rem}.brand img{width:48px;height:48px;object-fit:contain;flex:0 0 auto}