.auth-wrapper{min-height:100vh;width:100%;background-color:var(--surface);display:flex;justify-content:center;align-items:center;padding:20px;font-family:var(--font-body);position:relative;overflow:hidden}.auth-wrapper:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,#ff7afb0a,#0000 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.auth-card{width:100%;max-width:420px;background-color:var(--surface-container);border:none;border-radius:3rem;padding:40px;box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;gap:30px;animation:slideUp .5s ease-out;position:relative;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:10px}.auth-header h1{font-size:2rem;font-weight:800;color:var(--primary);margin:0 0 8px;text-transform:uppercase;letter-spacing:2px;font-family:var(--font-display)}.auth-subtitle{font-size:.9rem;color:var(--on-surface-variant)}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px;position:relative}.input-group label{font-size:.8rem;font-weight:600;color:var(--on-surface-variant);margin-left:4px;text-transform:uppercase}.auth-input{width:100%;padding:14px 16px;background-color:var(--surface-container-highest);border:none;border-radius:1.5rem;color:var(--on-surface);font-size:1rem;transition:all .3s ease;outline:none}.auth-input:focus{background-color:var(--surface-bright);box-shadow:0 0 0 3px #ff7afb26}.auth-input::placeholder{color:var(--outline-variant)}.auth-btn{margin-top:10px;width:100%;padding:14px;background-color:var(--primary);color:var(--on-primary);font-weight:700;font-size:1rem;border:none;border-radius:9999px;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center;gap:8px;text-transform:uppercase}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #ff7afb4d;background-color:var(--secondary)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;background-color:var(--surface-container-high)}.error-msg{background:#ff4d4f1a;color:#ff4d4f;padding:10px;border-radius:12px;font-size:.9rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}.auth-footer{text-align:center;margin-top:10px;font-size:.9rem;color:var(--on-surface-variant)}.auth-link{color:var(--primary);text-decoration:none;font-weight:600;margin-left:5px;transition:opacity .2s}.auth-link:hover{opacity:.8;text-decoration:underline}.flex-center{display:flex;align-items:center;justify-content:center;gap:8px}.input-icon-wrapper{position:relative}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant)}.input-with-icon{padding-left:45px}