.login-root *,.login-root :before,.login-root :after{box-sizing:border-box;margin:0;padding:0;cursor:auto!important}.login-root{background-color:#f5f3ef;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Manrope,Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-blob{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.login-blob-1{background:radial-gradient(circle,#d4ff9e66,#0000 70%);width:480px;height:480px;animation:8s ease-in-out infinite blobFloat1;top:-100px;right:-80px}.login-blob-2{background:radial-gradient(circle,#4f7c0d14,#0000 70%);width:360px;height:360px;animation:10s ease-in-out infinite blobFloat2;bottom:-60px;left:-80px}@keyframes blobFloat1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,30px)scale(1.05)}}@keyframes blobFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.08)}}.login-card{z-index:1;background:#fff;border:1px solid #e0ddd8;border-radius:20px;width:100%;max-width:440px;padding:44px 40px;animation:.5s cubic-bezier(.34,1.56,.64,1) cardIn;position:relative;box-shadow:0 4px 6px -1px #00000005,0 10px 15px -3px #00000008,0 20px 25px -5px #0000000d}@keyframes cardIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand{align-items:center;gap:12px;margin-bottom:36px;display:flex}.login-brand-icon{background:#4f7c0d0f;border:1px solid #4f7c0d1f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.login-brand-icon svg path{fill:#4f7c0d}.login-brand-name{letter-spacing:1px;color:#0a0a0a;font-size:1.3rem;font-weight:800}.login-brand-name span{color:#4f7c0d}.login-heading{margin-bottom:28px}.login-title{color:#0a0a0a;letter-spacing:-.5px;font-size:1.7rem;font-weight:800;line-height:1.2}.login-subtitle{color:#4a4845;margin-top:6px;font-size:.9rem;line-height:1.5}.login-error{color:#d32f2f;background:#d32f2f0f;border:1px solid #d32f2f33;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 14px;font-size:.87rem;font-weight:500;animation:.3s errorShake;display:flex}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:8px;display:flex}.login-label{color:#4a4845;letter-spacing:.3px;font-size:.82rem;font-weight:600}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#888580;pointer-events:none;flex-shrink:0;position:absolute;left:14px}.login-input{color:#0a0a0a;background:#f0eeea;border:1px solid #e0ddd8;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 42px;font-family:inherit;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.login-input::placeholder{color:#888580}.login-input:focus{background:#fff;border-color:#4f7c0d;box-shadow:0 0 0 3px #4f7c0d1a}.login-input:disabled{opacity:.5;cursor:not-allowed!important}.login-show-password{color:#888580;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px;cursor:pointer!important}.login-show-password:hover{color:#0a0a0a}.login-submit-btn{color:#0a0a0a;background:#d4ff9e;border:1px solid #c5f08e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 24px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex;position:relative;overflow:hidden;cursor:pointer!important}.login-submit-btn:hover:not(:disabled){background:#bce587;transform:translateY(-1px);box-shadow:0 6px 20px #d4ff9e66}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled,.login-submit-btn.loading{opacity:.6;cursor:not-allowed!important}.login-spinner{border:2px solid #0a0a0a33;border-top-color:#0a0a0a;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer-note{color:#888580;justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:.75rem;display:flex}@media (max-width:480px){.login-card{padding:32px 24px}.login-title{font-size:1.4rem}}