*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;min-height:100svh;display:flex;padding:45px 16px;background:radial-gradient(ellipse at 75% 0,#16367366,transparent 55%),#080f21;color:#eef3ff;font:14px/1.6 'Space Grotesk',Arial,sans-serif}.auth-card{width:min(430px,100%);padding:32px;margin:auto;border:1px solid #293957;border-radius:15px;background:linear-gradient(145deg,#14213b,#101b32);box-shadow:0 20px 70px #0003}.brand{display:flex;justify-content:center;align-items:center;gap:10px;font-size:32px;font-weight:700;letter-spacing:-1.4px;color:#eef3ff;text-decoration:none;margin-bottom:25px}.brand-mark{display:flex;gap:4px;align-items:center;width:25px;height:26px;transform:skew(-15deg)}.brand-mark i{width:6px;height:17px;background:#94b5ff}.brand-mark i:nth-child(2){height:26px}.brand-mark i:nth-child(3){height:12px}h1{font-size:22px;font-weight:500;letter-spacing:-.5px;text-align:center;margin:0 0 10px}.intro{text-align:center;color:#a3b0cb;font-size:13px;margin:0 0 24px}.field{margin-top:15px}label{display:block;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:#a3b0cb;margin-bottom:6px}input{display:block;width:100%;min-width:0;border:1px solid #34496c;border-radius:8px;background:#0b152a;padding:12px;color:#eef3ff;font:inherit}button{font:inherit;cursor:pointer}a{color:#94b5ff}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #94b5ff;outline-offset:3px}.primary{width:100%;padding:12px;margin-top:23px;border:1px solid #a6c1ff;background:linear-gradient(120deg,#a5bfff,#7ea5ff);color:#0a1530;border-radius:8px;font-weight:600}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.55;cursor:wait}.footer{text-align:center;color:#a3b0cb;font-size:13px;margin:23px 0 0}.footer a{text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.message{font-size:13px;color:#b7ceff;margin:16px 0 0;overflow-wrap:anywhere}.message:empty{display:none}.message[data-error="true"]{color:#ffb0bf}.success-link{display:block;text-align:center;margin-top:20px;text-decoration:none}.hint{font-size:11px;color:#a3b0cb;margin:7px 0 0}[hidden]{display:none!important}@media(max-width:480px){.auth-card{padding:27px 23px}input{font-size:16px}}

body{background:radial-gradient(ellipse at 80% 0,#0c392133,transparent 55%),#000;color:#eee}.auth-card{background:#0b0e0c;border-color:#29382e;box-shadow:0 20px 70px #0006}.brand{color:#eee}.brand-mark i{background:#39e6a0}.intro,label,.footer,.hint{color:#999}input{background:#080b09;border-color:#354039;color:#eee}a{color:#dbe9e0}.primary{background:#eee;border-color:#eee;color:#111}.message{color:#a8d7ba}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#39e6a0}

.password-reveal-field{position:relative}.password-reveal-field input{padding-right:70px}.password-reveal-button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto;margin:0;padding:7px 10px;border:1px solid #34785a;border-radius:7px;background:#09271a;color:#85efbd;font-family:inherit;font-size:11px;font-weight:500;line-height:1.3;cursor:pointer}.password-reveal-button:focus-visible{outline:2px solid #83f5c6;outline-offset:2px}