*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#13294b,#030b19 55%);color:#fff;font-family:Inter,"Segoe UI",Arial}.login{width:min(440px,calc(100% - 32px))}.brand{font-weight:900;letter-spacing:2px;font-size:24px;margin-bottom:22px}.brand span,.card>small{color:#ff3159}.brand small{display:block;font-size:9px;color:#73839b;margin-top:5px}.card{background:#09182d;border:1px solid #203553;border-radius:24px;padding:32px;box-shadow:0 25px 70px #0008}.card h1{font-size:32px;margin:8px 0}.card p{color:#9cabc0;line-height:1.5}form{display:grid;gap:16px;margin-top:25px}label{display:grid;gap:7px;color:#aebbd0;font-size:13px}input{background:#050e1e;border:1px solid #29405f;border-radius:12px;padding:14px;color:white;font-size:15px;outline:none}input:focus{border-color:#ff3159}button{padding:14px;border:0;border-radius:12px;background:#e41e46;color:#fff;font-weight:800;cursor:pointer}#error{color:#ff7890;margin:0;font-size:13px}

.hidden{display:none!important}.error{color:#ff7890!important;margin:0;font-size:13px}.secondary{background:#13253f;border:1px solid #29405f}.card form.hidden{display:none}
body[data-theme="slate"]{background:radial-gradient(circle at 50% 10%,#26303d,#0b0f15 58%)}body[data-theme="slate"] .card{background:#171d27;border-color:#303a48}body[data-theme="light"]{background:#eef2f7;color:#152033}body[data-theme="light"] .card{background:#fff;border-color:#d7deea;box-shadow:0 25px 70px #52607022}body[data-theme="light"] input{background:#f7f9fc;color:#152033;border-color:#cbd6e5}body[data-theme="light"] label{color:#526178}body[data-theme="light"] .card p{color:#69778b}