.login-logo-icon{height:3em;width:auto;vertical-align:middle}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);padding:1rem;position:relative;overflow:hidden}.login-page::before,.login-page::after{content:"";position:absolute;pointer-events:none}.login-page::before{width:min(56vw,680px);height:min(56vw,680px);right:-16vw;top:-20vw;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-2) 22%,transparent) 0,transparent 64%)}.login-page::after{width:min(52vw,620px);height:min(52vw,620px);left:-18vw;bottom:-22vw;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent-1) 26%,transparent) 0,transparent 66%)}.login-container{background:var(--surface-panel);padding:3rem;border-radius:1.25rem;box-shadow:var(--shadow-login-panel);max-width:400px;width:100%;backdrop-filter:blur(14px);border:1px solid var(--surface-border-strong);position:relative;z-index:1;animation:login-rise 450ms var(--transition-smooth)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--text-violet);font-size:clamp(2rem,4.2vw,2.7rem);font-weight:var(--font-bold);margin-bottom:.5rem;text-shadow:var(--shadow-login-title);letter-spacing:.01em}.login-header p{color:var(--text-grey);font-size:1.1rem;margin:0}.login-form .form-floating{margin-bottom:1.5rem}.login-form .form-floating>label{color:var(--text-grey);font-weight:var(--font-medium)}.login-form .form-control{border:2px solid var(--input-border);border-radius:var(--border-radius);padding:.75rem 1rem;font-size:1rem;transition:all var(--transition-normal);background-color:var(--input-bg);color:var(--text-color)}.login-form .form-control:focus{border-color:var(--border-violet);box-shadow:var(--focus-ring-accent);background-color:var(--input-bg)}.btn-login{width:100%;background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border:0;color:var(--text-light);font-size:1.1rem;font-weight:var(--font-semibold);padding:.875rem 1.5rem;border-radius:var(--border-radius);transition:all var(--transition-normal);box-shadow:var(--shadow-login-button)}.btn-login:hover:not(:disabled){transform:var(--hover-lift-md);box-shadow:var(--shadow-login-button-hover);color:var(--text-light);filter:saturate(1.08)}.btn-login:active{transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--shadow-login-button-disabled)}.error-message{background-color:var(--error-50);color:var(--error-700);border:1px solid var(--error-200);border-radius:var(--border-radius);padding:.875rem 1rem;margin-bottom:1.5rem;font-weight:var(--font-medium);opacity:0;transform:translateY(-10px);transition:all var(--transition-smooth)}.error-message.show{opacity:1;transform:translateY(0)}.success-message{background-color:var(--success-50);color:var(--success-700);border:1px solid var(--success-500);border-radius:var(--border-radius);padding:.875rem 1rem;margin-bottom:1.5rem;font-weight:var(--font-medium);opacity:0;transform:translateY(-10px);transition:all var(--transition-smooth)}.success-message.show{opacity:1;transform:translateY(0)}@media(max-width:480px){.login-container{margin:1rem;padding:2rem}.login-header h1{font-size:2rem}}.btn-login.loading{position:relative;color:transparent}.btn-login.loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top:2px solid var(--text-light);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes login-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.login-container{animation:none}}