.login-page{height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}.login-container{width:100%;max-width:440px;display:flex;flex-direction:column;gap:32px}.login-brand{text-align:center;animation:fadeInDown .6s ease-out}.login-logo{height:64px;width:auto;margin-bottom:12px}.login-tagline{margin:0;font-size:14px;color:var(--muted);font-weight:500;letter-spacing:.3px}.login-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:40px 32px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeInUp .6s ease-out}.login-card__header{text-align:center;margin-bottom:32px}.login-card__title{margin:0 0 8px;font-size:28px;font-weight:650;letter-spacing:-.3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card__subtitle{margin:0;font-size:15px;color:var(--muted)}.login-form{gap:24px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-label{font-size:14px;font-weight:600;color:var(--text);letter-spacing:.2px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--muted);pointer-events:none;z-index:1}.input--large{height:52px;padding-left:48px!important;font-size:15px}.btn--large{height:52px;font-size:16px;font-weight:600;letter-spacing:.2px}.btn--full{width:100%}.spinner{animation:spin 1s linear infinite;margin-right:8px}@keyframes spin{to{transform:rotate(1turn)}}.login-security{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.08);font-size:13px;color:var(--muted)}.login-security svg{color:var(--ok);flex-shrink:0}.login-footer{text-align:center;animation:fadeIn .6s ease-out .2s both}.login-footer p{margin:0;font-size:14px;color:var(--muted)}.login-link{color:var(--accent);text-decoration:none;font-weight:600;transition:color .2s ease}.login-link:hover{color:var(--accent-2);text-decoration:underline}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:500px){.login-container{max-width:100%}.login-card{padding:32px 24px}.login-card__title{font-size:24px}.login-logo{height:40px}}