*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #22c55e;--primary-hover: #16a34a;--primary-border: #bbf7d0;--primary-light: #f0fdf4;--text-main: #0f172a;--text-muted: #64748b;--text-light: #94a3b8;--border-color: #e2e8f0;--bg-card: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}body.login-page{min-height:100vh;width:100%;margin:0;font-family:Special Gothic,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8fafc;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}.login-container{width:100%;max-width:560px;position:relative;z-index:1;animation:loginFadeUp .35s cubic-bezier(.16,1,.3,1)}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-card{background:var(--bg-card);border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:2.75rem 2.5rem 2rem;box-shadow:none;position:relative}.brand-badge-wrapper{display:flex;justify-content:center;margin-bottom:1.25rem}.brand-icon-box{width:60px;height:60px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:transform .2s ease,background-color .2s ease}.brand-icon-box:hover{transform:translateY(-2px);background:#dcfce7}.brand-svg{color:#16a34a}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-family:Outfit,Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:900;letter-spacing:-.04em;margin-bottom:.5rem;line-height:1.15;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;cursor:default;transition:transform .3s cubic-bezier(.16,1,.3,1)}.login-title:hover{transform:scale(1.02)}.title-primary{color:#0f172a;letter-spacing:-.04em;font-weight:900}.title-accent{background:linear-gradient(135deg,#16a34a,#22c55e,#4ade80);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;font-weight:900;animation:emeraldShimmer 5s ease-in-out infinite alternate}@keyframes emeraldShimmer{0%{background-position:0% 50%}to{background-position:100% 50%}}.login-subtitle{font-size:.9rem;color:var(--text-muted);line-height:1.45;font-weight:400}.login-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-sm);padding:.8rem 1rem;display:flex;align-items:center;gap:.65rem;margin-bottom:1.5rem;animation:alertSlide .2s ease-out}@keyframes alertSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.alert-icon{color:#dc2626;font-size:1rem;flex-shrink:0}.alert-text{color:#991b1b;font-size:.85rem;font-weight:500;line-height:1.35}.login-form{display:flex;flex-direction:column;gap:1.35rem}.form-group{display:flex;flex-direction:column}.form-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.86rem;font-weight:600;color:#334155;margin-bottom:.45rem;user-select:none}.label-icon{color:#16a34a;flex-shrink:0}.input-container{position:relative;display:flex;align-items:center;width:100%}.form-input{width:100%;height:48px;padding:0 1.1rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);font-size:.92rem;font-family:inherit;color:var(--text-main);outline:none;box-shadow:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.form-input::placeholder{color:#94a3b8;font-weight:400}.form-input:hover{border-color:#cbd5e1}.form-input:focus{border-color:#22c55e;background:#fff;box-shadow:0 0 0 3.5px #22c55e2e,0 2px 6px #22c55e14}.form-input.has-toggle{padding-right:2.85rem}.toggle-password-btn{position:absolute;right:.75rem;height:34px;width:34px;background:transparent;border:none;color:#94a3b8;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.toggle-password-btn:hover{color:#334155;background-color:#f1f5f9}.toggle-password-btn:focus-visible{outline:2px solid var(--primary);color:var(--primary)}.btn-submit{width:100%;height:48px;margin-top:.4rem;background:#16a34a;color:#fff;border:none;border-radius:var(--radius-md);font-size:.96rem;font-weight:700;font-family:inherit;letter-spacing:.01em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.65rem;box-shadow:none;transition:background-color .2s ease}.btn-submit:hover:not(:disabled){background:#15803d;box-shadow:none}.btn-submit:active:not(:disabled){background:#166534;box-shadow:none}.btn-submit:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.btn-icon{font-size:.88rem;transition:transform .2s ease}.btn-submit:hover:not(:disabled) .btn-icon{transform:translate(3px)}@media(max-width:560px){body.login-page{padding:1rem}.login-card{padding:2.25rem 1.5rem 1.75rem;border-radius:18px}.login-title{font-size:1.75rem}}