.auth-container{background-color:var(--background);box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px 16px;display:flex;position:relative}.auth-background{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-card{z-index:10;box-sizing:border-box;border-radius:20px;flex-direction:column;gap:32px;width:100%;max-width:440px;padding:48px 40px;display:flex;position:relative}@media (max-width:480px){.auth-card{border-radius:16px;gap:24px;padding:32px 20px}}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.logo-icon{border-radius:12px;width:48px;height:48px}.auth-title{letter-spacing:-1px;font-size:32px;font-weight:700}.auth-subtitle{color:#bac9cc;font-size:15px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-mono);color:#849396;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.form-group input{background:var(--surface-low);border:1px solid var(--ghost-border);color:var(--foreground);border-radius:8px;outline:none;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input:focus{background:var(--surface-high);border-color:#1c95f466;box-shadow:0 0 0 2px #1c95f41a}.form-group input::placeholder{color:#84939680}.auth-btn{width:100%;margin-top:12px}.auth-btn:disabled{opacity:.75;cursor:not-allowed}.auth-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite authSpin;display:inline-block}.auth-spinner-large{border:3px solid #38bdf833;border-top-color:#38bdf8;border-radius:50%;width:44px;height:44px;animation:.75s linear infinite authSpin;box-shadow:0 0 16px #38bdf84d}@keyframes authSpin{to{transform:rotate(360deg)}}@keyframes authFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.auth-footer{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.text-link{color:var(--primary);font-size:14px;text-decoration:none;transition:color .2s}.text-link:hover{color:#fff}.divider{color:var(--ghost-border)}