.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}.login-container{background:var(--surface-panel);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-login-panel);max-width:400px;width:100%;backdrop-filter:blur(10px);border:1px solid var(--surface-border-strong)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{color:var(--text-violet);font-size:2.5rem;font-weight:var(--font-bold);margin-bottom:.5rem;text-shadow:var(--shadow-login-title)}.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:var(--bg-gradient);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)}.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)}}