:root{--color-a:#f44911;--color-b:#0991df;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color-scheme:dark;color:#edf4ff;background:#070a12}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,color-mix(in srgb,var(--color-a) 65%,transparent) 0,transparent 38%),radial-gradient(circle at 82% 8%,color-mix(in srgb,var(--color-b) 72%,transparent) 0,transparent 42%),linear-gradient(135deg,#190b08 0,#07111c 52%,#06192a 100%)}.login-card{width:min(100%,420px);padding:38px;border:1px solid color-mix(in srgb,var(--color-b) 35%,#28344b);border-radius:24px;background:#0d1321e8;box-shadow:0 30px 90px #0009,0 0 55px color-mix(in srgb,var(--color-b) 12%,transparent);backdrop-filter:blur(18px)}.login-card img{display:block;width:180px;height:80px;object-fit:contain;margin:0 auto 12px}.login-card>span{display:block;text-align:center;color:var(--color-b);font-size:11px;font-weight:800;letter-spacing:.22em}h1{text-align:center;font-size:30px;letter-spacing:-.03em;margin:18px 0 8px}p{text-align:center;color:#a8b4c9;margin:0 0 28px}form{display:grid;gap:16px}label{display:grid;gap:8px;color:#c4cede;font-size:13px}input{width:100%;border:1px solid #34405a;border-radius:11px;background:#080c16cc;padding:14px;color:#f5f8ff;font:inherit;outline:0}input:focus{border-color:var(--color-b);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-b) 22%,transparent)}button{border:0;border-radius:11px;background:linear-gradient(120deg,var(--color-a),var(--color-b));color:#fff;padding:14px;font-weight:850;font-size:15px;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--color-a) 22%,transparent)}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55}#error{min-height:18px;color:#ff8994;font-size:13px;text-align:center}