:root{--black:#0a0a0b;--purple:#9333ea;--purple-light:#f3eeff;--border:#e4e3ec;--text:#1a1a2e;--muted:#6b6b80;--r:8px}.login-page{font-family:var(--font);background:var(--black);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:420px;box-shadow:0 40px 80px rgba(0,0,0,.4)}.login-logo{text-align:center;margin-bottom:32px}.login-logo img{height:44px;width:auto}.login-title{font-family:var(--display);font-size:24px;font-weight:700;margin-bottom:6px;text-align:center}.login-sub{font-size:13px;color:var(--muted);margin-bottom:28px;text-align:center}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:5px}.field input{width:100%;padding:10px 13px;border:1px solid var(--border);border-radius:var(--r);font-size:14px;font-family:var(--font);outline:none;transition:border-color .15s}.field input:focus{border-color:var(--purple)}.btn-login{width:100%;padding:11px;background:var(--purple);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all .15s;margin-top:4px}.btn-login:hover{background:#7c28cc}.btn-login:disabled{opacity:.6;cursor:not-allowed}.error-msg{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:16px;display:none}.error-msg.show{display:block}.notice-msg{background:var(--purple-light);color:#6d28d9;padding:10px 14px;border-radius:var(--r);font-size:13px;margin-bottom:16px;display:none;line-height:1.5}.notice-msg.show{display:block}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:6px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.login-page{align-items:flex-start;padding:48px 16px 16px}.login-card{padding:28px 20px;border-radius:12px}.login-title{font-size:22px}}