.login-page{justify-content:center;align-items:center;height:100vh;padding:24px;display:flex;overflow:hidden}.login-container{flex-direction:column;gap:32px;width:100%;max-width:440px;display:flex}.login-brand{text-align:center;animation:.6s ease-out fadeInDown}.login-logo{width:auto;height:64px;margin-bottom:12px}.login-tagline{color:var(--muted);letter-spacing:.3px;margin:0;font-size:14px;font-weight:500}.login-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:40px 32px;animation:.6s ease-out fadeInUp}.login-card__header{text-align:center;margin-bottom:32px}.login-card__title{letter-spacing:-.3px;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:650}.login-card__subtitle{color:var(--muted);margin:0;font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text);letter-spacing:.2px;font-size:14px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);pointer-events:none;z-index:1;position:absolute;left:16px}.input--large{height:52px;font-size:15px;padding-left:48px!important}.btn--large{letter-spacing:.2px;height:52px;font-size:16px;font-weight:600}.btn--full{width:100%}.spinner{margin-right:8px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.otp-label{text-align:center;margin-bottom:16px;display:block}.otp-boxes{justify-content:center;gap:10px;margin-bottom:24px;display:flex}.otp-box{text-align:center;background:var(--input-bg,#ffffff0d);border:1.5px solid var(--card-border,#ffffff1a);width:52px;height:60px;color:var(--text,#e6eaf3);caret-color:#0000;border-radius:8px;outline:none;font-family:ui-monospace,Courier New,monospace;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s}.otp-box:focus{border-color:var(--accent,#4f8ef7);box-shadow:0 0 0 3px #4f8ef733}.otp-box--filled{border-color:var(--accent,#4f8ef7)}.otp-box:disabled{opacity:.5;cursor:not-allowed}.login-security{color:var(--muted);border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;font-size:13px;display:flex}.login-security svg{color:var(--ok);flex-shrink:0}.login-footer{text-align:center;animation:.6s ease-out .2s both fadeIn}.login-footer p{color:var(--muted);margin:0;font-size:14px}.login-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .2s}.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}}