.login-page{background:#14151a;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.login-container{width:100%;max-width:315px;margin:0 auto}.login-card{background:#1e2026;border:1px solid #2b2d33;border-radius:.75rem;padding:1.75rem 1.4rem;box-shadow:0 4px 12px #0003}.login-header{text-align:center;margin-bottom:2rem}.logo-container{background:#218f3e;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:inline-flex}.logo-icon{color:#fff;width:32px;height:32px}.login-title{color:#eaecef;font-size:1.5rem;font-weight:600;font-family:var(--font-binance-plex),sans-serif;margin:0 0 .5rem}.login-subtitle{color:#848e9c;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#eaecef;font-size:.875rem;font-weight:500;font-family:var(--font-binance-plex),sans-serif}.form-input{color:#eaecef;font-size:.875rem;font-family:var(--font-inter),sans-serif;background:#14151a;border:1px solid #2b2d33;border-radius:.5rem;padding:.75rem 1rem;transition:all .2s}.form-input:focus{background:#1e2026;border-color:#218f3e;outline:none;box-shadow:0 0 0 3px #218f3e1a}.form-input::placeholder{color:#848e9c}.form-input:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:3rem}.password-toggle{color:#848e9c;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:#eaecef}.password-toggle svg{width:20px;height:20px}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.form-group-checkbox{align-items:center;gap:.75rem;display:flex}.form-checkbox{accent-color:#218f3e;cursor:pointer;border-radius:.25rem;width:18px;height:18px}.checkbox-label{color:#eaecef;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;font-family:var(--font-inter),sans-serif}.submit-button{color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-binance-plex),sans-serif;background:#218f3e;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.875rem 1rem;transition:all .2s;display:flex}.submit-button:hover:not(:disabled){background:#1a7532;box-shadow:0 2px 8px #218f3e4d}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;animation:1s linear infinite spin}.spinner-circle{opacity:.25}.spinner-path{opacity:.75}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{color:#cf304a;font-size:.875rem;font-family:var(--font-inter),sans-serif;background:#cf304a1a;border:1px solid #cf304a4d;border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.error-icon{flex-shrink:0;width:20px;height:20px}.quick-switch{background:#218f3e0d;border:1px solid #218f3e1a;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.quick-switch-title{color:#848e9c;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600;font-family:var(--font-binance-plex),sans-serif;margin:0 0 .75rem}.quick-switch-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.quick-switch-button{color:#eaecef;cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-inter),sans-serif;background:#2b2d33;border:1px solid #3b3d43;border-radius:.375rem;padding:.4rem .75rem;transition:all .2s}.quick-switch-button:hover:not(:disabled){color:#218f3e;background:#3b3d43;border-color:#218f3e}.quick-switch-button:active:not(:disabled){transform:translateY(1px)}.quick-switch-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid #2b2d33;margin-top:2rem;padding-top:1.5rem}.footer-text{color:#848e9c;font-size:.75rem;font-family:var(--font-inter),sans-serif;margin:0 0 1rem}.security-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.badge{color:#848e9c;font-size:.75rem;font-family:var(--font-inter),sans-serif;background:#ffffff0d;border:1px solid #2b2d33;border-radius:.375rem;padding:.375rem .75rem}.loading-spinner{justify-content:center;align-items:center;padding:4rem;display:flex}.loading-spinner .spinner{color:#218f3e;width:48px;height:48px}@media (max-width:640px){.login-page{padding:1rem}.login-card{padding:2rem 1.5rem}.login-title{font-size:1.25rem}.logo-container{width:56px;height:56px}.logo-icon{width:28px;height:28px}}@media (max-width:380px){.login-card{padding:1.5rem 1rem}.security-badges{gap:.5rem}.badge{padding:.25rem .5rem;font-size:.625rem}}