.login-page{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-container{width:100%;max-width:max(448px,380px + 17vw)}.login-logo img{width:max(140px,100px + 11vw);height:auto}.login-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.login-heading{font-family:var(--font-display);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:2rem;font-size:max(12px,10.5px + .4vw);font-weight:700;line-height:1.4}.login-alert{background-color:var(--primary-light);border-radius:var(--radius-lg);border:1px solid #9d00ff33;align-items:flex-start;gap:max(10px,9.3px + .2vw);margin-bottom:1.5rem;padding:max(12px,10.5px + .4vw);display:flex}.login-alert-icon{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:2px}.login-alert-text{font-family:var(--font-body);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:max(10px,8.9px + .3vw);font-weight:700;line-height:1.6}.login-card{background-color:var(--card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:max(16px,13px + .8vw);box-shadow:0 5px 4px #0000000f}.login-form{flex-direction:column;gap:max(16px,14.5px + .4vw);display:flex}.form-field{flex-direction:column;display:flex}.form-label{font-family:var(--font-body);font-size:max(10px,9.3px + .2vw);font-weight:var(--font-bold);color:var(--foreground-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.input-wrapper{position:relative}.input-icon{width:18px;height:18px;color:var(--foreground-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input{background-color:var(--input-background);border-radius:var(--radius-lg);width:100%;height:max(42px,36px + 1.5vw);font-family:var(--font-body);font-size:max(12px,10.5px + .4vw);font-weight:var(--font-regular);color:var(--foreground);border:1px solid #0000;outline:none;padding:0 max(12px,10.5px + .4vw) 0 max(26px,18.1px + 2.1vw);transition:all .2s}.form-input::placeholder{color:var(--input-placeholder)}.form-input:hover{background-color:#e5e5e5}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input-password{padding-right:max(26px,18.1px + 2.1vw)}.password-toggle{cursor:pointer;color:var(--foreground-secondary);background:0 0;border:none;padding:0;transition:color .2s;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:var(--foreground)}.password-toggle-icon{width:18px;height:18px}.form-error{background-color:var(--error-light);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:max(11px,9.9px + .3vw);font-weight:var(--font-medium);color:var(--error);border:1px solid #ef44444d;padding:max(10px,9.3px + .2vw)}.login-button{background-color:var(--primary);width:100%;height:max(44px,38px + 1.5vw);color:var(--foreground-light);font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:max(6px,5px + .5vw);font-size:max(13px,11.5px + .4vw);font-weight:700;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background-color:var(--primary-hover)}.login-button:active:not(:disabled){background-color:var(--primary-active)}.login-button:disabled{cursor:not-allowed;background-color:#9d00ff66}.login-button-icon{width:18px;height:18px}.login-footer{font-family:var(--font-body);font-size:max(10px,9.3px + .2vw);font-weight:var(--font-bold);color:#4a5565;text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:2rem;line-height:1.6}