@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(15px,35px)scale(1.03)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-root{color:#e2e8f0;background:#050a18;justify-content:center;align-items:center;min-height:100dvh;padding:48px 24px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0}.orb{filter:blur(100px);opacity:.4;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#0ea5e9 0%,#0000 70%);width:600px;height:600px;top:-15%;left:-10%}.orb-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:500px;height:500px;animation-delay:-7s;bottom:-10%;right:-10%}.orb-3{opacity:.2;background:radial-gradient(circle,#06b6d4 0%,#0000 70%);width:350px;height:350px;animation-delay:-14s;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-4{opacity:.25;background:radial-gradient(circle,#a855f7 0%,#0000 70%);width:280px;height:280px;animation-delay:-3s;top:20%;right:20%}.grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.login-shell{text-align:center;z-index:1;place-items:center;gap:36px;width:min(540px,100%);animation:.8s cubic-bezier(.16,1,.3,1) both fadeUp;display:grid;position:relative}.brand-icon{width:56px;height:56px;margin:0 auto 8px;animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeUp}.brand-icon svg{filter:drop-shadow(0 4px 20px #06b6d466);width:100%;height:100%}.login-brand{gap:12px;display:grid}.login-brand h1{background:linear-gradient(135deg,#f0f9ff 0%,#bae6fd 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.2rem,4.5vw,3rem);font-weight:800;line-height:1.1}.login-brand>p{color:#94a3b8;margin:0;font-size:1rem;line-height:1.6}.login-features{flex-wrap:wrap;justify-content:center;gap:8px;animation:.8s cubic-bezier(.16,1,.3,1) .2s both fadeUp;display:flex}.feature-pill{color:#cbd5e1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:500;transition:background .3s,border-color .3s;display:inline-flex}.feature-pill:hover{background:#ffffff14;border-color:#ffffff26}.feature-pill svg{opacity:.6;flex-shrink:0}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;gap:22px;width:min(420px,100%);padding:40px 38px;animation:.8s cubic-bezier(.16,1,.3,1) .3s both fadeUp;display:grid;box-shadow:0 20px 40px #0f172a1f}.login-head h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700}.login-head p{color:#64748b;margin:6px 0 0;font-size:.9rem}.login-footer{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;gap:4px;padding-top:4px;font-size:.8rem;display:grid}.login-footer a{color:#0ea5e9;font-weight:600;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#0284c7}.login-form{flex-direction:column;gap:18px;width:100%;display:flex}.login-field{flex-direction:column;gap:8px;width:100%;display:flex}.login-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;text-align:left;font-size:.7rem;font-weight:600;display:block}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;color:#475569;flex-shrink:0;width:18px;height:18px;position:absolute;left:16px}.login-input{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #94a3b859;border-radius:16px;width:100%;padding:14px 16px 14px 46px;font-family:inherit;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.login-input:focus,.login-input-password:focus{border-color:#0ea5e9;outline:none;box-shadow:0 0 0 4px #0ea5e926}.login-input-password{box-sizing:border-box;color:#0f172a;background:#f8fafc;border:1px solid #94a3b859;border-radius:16px;width:100%;padding:14px 48px 14px 46px;font-family:inherit;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.login-toggle-password{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;right:14px}.login-toggle-password:hover{color:#475569}.login-actions{flex-direction:column;gap:12px;width:100%;display:flex}.login-btn-primary{cursor:pointer;color:#fff;background:linear-gradient(135deg,#0ea5e9,#22d3ee);border:1px solid #22d3ee;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 16px 30px #0ea5e959}.login-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 36px #0ea5e973}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{opacity:.7;cursor:not-allowed}.login-btn-secondary{cursor:pointer;color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 18px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.login-btn-secondary:hover:not(:disabled){background:#e2e8f0;transform:translateY(-1px)}.login-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.login-divider{color:#94a3b8;align-items:center;gap:14px;font-size:.8rem;display:flex}.login-divider-line{background:#94a3b840;flex:1;height:1px}.login-msg-error{color:#ef4444;text-align:left;background:#ef444414;border:1px solid #ef444426;border-radius:12px;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:.85rem;display:flex}.login-msg-success{color:#16a34a;text-align:left;background:#22c55e14;border:1px solid #22c55e26;border-radius:12px;align-items:center;gap:8px;margin:0;padding:12px 16px;font-size:.85rem;display:flex}.login-message-slot{min-height:1lh}.login-spinner-light{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.login-spinner-dark{border:2px solid #64748b4d;border-top-color:#64748b;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@media (max-width:480px){.login-root{align-items:flex-start;padding:18px 16px 28px;overflow-y:auto}.login-shell{gap:18px}.login-card{border-radius:16px;gap:14px;width:calc(100% - 28px);max-width:340px;padding:20px 14px;box-shadow:0 12px 28px #0f172a1a}.login-brand h1{font-size:1.8rem}.login-head h2{font-size:1.25rem}.login-head p{font-size:.82rem}.feature-pill{padding:5px 10px;font-size:.72rem}.login-features{gap:6px}.login-features .feature-pill:nth-child(n+4){display:none}}.login-remember-me{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.85rem;display:flex}.login-remember-me-checkbox{accent-color:#0ea5e9;cursor:pointer;width:16px;height:16px}