*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:14px}:root{--bg:#f8fafc;--surface:#fff;--raised:#f1f5f9;--border:#e2e8f0;--border-hi:#cbd5e1;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-ink:#2563eb14;--red:#dc2626;--red-ink:#dc262614;--red-dim:#b91c1c;--red-bg:#fee2e2;--green:#16a34a;--green-bg:#dcfce7;--amber:#d97706;--amber-bg:#fef3c7;--amber-dim:#b45309;--txt-1:#0f172a;--txt-2:#334155;--txt-3:#64748b;--txt-muted:#94a3b8;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--serif:"Playfair Display",Georgia,serif;--mono:"JetBrains Mono",monospace}body{color:var(--txt-1);font-family:var(--sans);background-color:#0000;background-image:radial-gradient(circle at 15% 10%,#bfdbfe8c 0%,#0000 45%),radial-gradient(circle at 85% 90%,#dbeafe73 0%,#0000 40%),linear-gradient(#f8fafc 0%,#eff6ff 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}body:before{content:"";opacity:.6;pointer-events:none;background-image:radial-gradient(#64748b26 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0}.login-card{z-index:1;border:1px solid var(--border);background:#fff;border-radius:18px;width:100%;max-width:420px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 20px 40px -8px #0f172a1a,0 0 0 1px #2563eb0a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:none}}.login-card:before{content:"";background:linear-gradient(90deg,#3b82f6,var(--primary),#1d4ed8);height:3px;position:absolute;top:0;left:0;right:0}.login-header{text-align:center;border-bottom:1px solid var(--border);background:#fff;padding:36px 32px 24px}.login-logo{background:url(/logo.png) 50%/contain no-repeat;border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:inline-grid}.login-title{font:700 24px/1.2 var(--serif);color:var(--txt-1);letter-spacing:-.02em;margin-bottom:6px}.login-sub{font:600 11px/1 var(--sans);color:var(--primary);letter-spacing:.08em;text-transform:uppercase}.login-body{background:#fff;flex-direction:column;gap:18px;padding:28px 32px 32px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{font:600 11px/1 var(--sans);color:var(--txt-3);letter-spacing:.05em;text-transform:uppercase}.login-input-wrap{position:relative}.login-input-icon{width:16px;height:16px;color:var(--txt-3);pointer-events:none;transition:color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input{border:1px solid var(--border);width:100%;height:44px;color:var(--txt-1);font:13.5px/1 var(--sans);background:#f8fafc;border-radius:10px;outline:none;padding:0 14px 0 42px;transition:all .15s}.login-input::placeholder{color:var(--txt-muted)}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ink);background:#fff}.login-input.error-input{border-color:var(--red);box-shadow:0 0 0 3px var(--red-ink)}.login-input:focus+.login-input-icon,.login-input-wrap:focus-within .login-input-icon{color:var(--primary)}.pw-toggle{cursor:pointer;color:var(--txt-3);background:0 0;border:none;padding:4px;line-height:0;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.pw-toggle:hover{color:var(--txt-1)}.pw-toggle svg{width:16px;height:16px}.login-error{background:var(--red-bg);font:500 12.5px/1.4 var(--sans);color:var(--red);border:1px solid #dc262640;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;animation:.3s shake;display:flex}.login-error svg{flex-shrink:0;width:14px;height:14px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.expired-banner{background:var(--amber-bg);font:500 12px/1.4 var(--sans);color:var(--amber-dim);border:1px solid #d9770640;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.expired-banner svg{flex-shrink:0;width:14px;height:14px}.login-btn{background:var(--primary);width:100%;height:44px;font:600 13.5px/1 var(--sans);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;transition:all .15s;display:flex;box-shadow:0 4px 14px #2563eb40}.login-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.login-btn:active:not(:disabled){transform:scale(.99)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.login-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-success{background:var(--green-bg);font:500 12.5px/1.4 var(--sans);color:var(--green);border:1px solid #16a34a40;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.login-success svg{flex-shrink:0;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;max-height:16px}.login-footer{border-top:1px solid var(--border);text-align:center;background:#f8fafc;padding:16px 32px}.login-footer-text{font:500 11px/1 var(--sans);color:var(--txt-3);letter-spacing:.02em}.login-footer-text strong{color:var(--txt-1);font-weight:600}@media (max-width:480px){body{padding:16px}.login-card{border-radius:14px}.login-header{padding:26px 20px 18px}.login-body{gap:14px;padding:20px 20px 24px}.login-footer{padding:14px 20px}.login-title{font-size:20px}}