.auth-page{background-color:var(--color-chrome);background-image:radial-gradient(circle at 50% 42%,#b23a521a 0%,#0000 60%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem 1rem;display:flex}.auth-container{width:100%;max-width:360px}.auth-card{background:var(--color-chrome-light);border-radius:var(--radius-lg);border:1px solid #ffffff14;padding:2rem 1.75rem;box-shadow:0 4px 16px #00000040}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-brand-icon{border-radius:var(--radius);background:#0003;border:1px solid #ffffff1f;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 10px;display:flex}.auth-title{font-family:var(--font-wordmark);color:#f2ede6;letter-spacing:-.03em;margin:0;font-size:19px;font-weight:700}.auth-subtitle{color:#f2ede699;margin:3px 0 0;font-size:12px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form .form-group{flex-direction:column;gap:4px;display:flex}.auth-form label{color:#f2ede699;font-size:11.5px;font-weight:500}.input-field-wrap{border-radius:var(--radius);height:40px;transition:border-color .12s var(--ease-out);background:#0000003d;border:1px solid #ffffff24;align-items:center;gap:8px;padding:0 10px;display:flex}.input-field-wrap:focus-within{border-color:var(--color-brand-accent)}.input-field-wrap .field-icon{color:#f2ede673;transition:color .12s var(--ease-out);flex-shrink:0}.input-field-wrap:focus-within .field-icon{color:var(--color-brand-accent)}.input-field-wrap input{color:#f2ede6;flex:1;width:100%;font-size:13px;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.input-field-wrap input:-webkit-autofill{-webkit-text-fill-color:#f2ede6;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 1000px #0000003d}.input-field-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#f2ede6;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 1000px #0000003d}.input-field-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#f2ede6;transition:background-color 600000s,color 600000s;box-shadow:inset 0 0 0 1000px #0000003d}.input-field-wrap input::placeholder{color:#f2ede659;font-size:12px}.password-toggle-btn{color:#f2ede673;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.auth-submit-btn{background:var(--color-brand-accent);color:#fff;border:1px solid var(--color-brand-accent);border-radius:var(--radius);cursor:pointer;width:100%;height:36px;transition:background-color .12s var(--ease-out);justify-content:center;align-items:center;margin-top:4px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 6px #b23a5240}.auth-submit-btn:active,.auth-submit-btn:hover{background:var(--color-brand-accent-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error-box{border-radius:var(--radius);color:#f0a3a2;animation:authShake .22s var(--ease-fast);background:#e24b4a1f;border:1px solid #e24b4a4d;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.auth-error-box[hidden]{display:none}.auth-success-box{border-radius:var(--radius);color:#8fd4ac;background:#3f8f6524;border:1px solid #3f8f6552;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.auth-success-box[hidden]{display:none}.auth-footer{text-align:center;color:#f2ede666;border-top:1px solid #ffffff14;margin-top:1.25rem;padding-top:.85rem;font-size:11px}.auth-forgot-link,.auth-back-link{-webkit-tap-highlight-color:transparent;color:var(--color-brand-accent);transition:color var(--ease-out);margin-top:.8rem;text-decoration:none}.auth-forgot-link:hover,.auth-back-link:hover{color:#d15a72}