.auth-page{min-height:100vh;background:#0a0a0f;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(108,92,231,.2) 0,transparent 70%),#0a0a0f}.auth-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:clamp(2rem,6vw,3rem);width:100%;max-width:420px}.auth-logo{display:block;text-align:center;font-size:1.5rem;font-weight:900;text-decoration:none;margin-bottom:1.5rem;letter-spacing:-.02em}.auth-logo .logo-hav{color:#fff}.auth-logo .logo-odds{color:#6c5ce7}.auth-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:.35rem}.auth-sub{font-size:.88rem;color:rgba(255,255,255,.4);text-align:center;margin-bottom:1.5rem}.auth-tabs{display:flex;background:rgba(255,255,255,.04);border-radius:10px;padding:3px;margin-bottom:1.25rem}.auth-tab{flex:1;padding:.5rem;border:none;border-radius:8px;background:transparent;color:rgba(255,255,255,.45);font-size:.85rem;cursor:pointer;transition:all .18s}.auth-tab--active{background:rgba(108,92,231,.25);color:#a29bfe;font-weight:600}.auth-error{background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);border-radius:8px;padding:.6rem .9rem;color:#ff6b81;font-size:.83rem;margin-bottom:1rem}.auth-form{gap:0}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.4rem;margin-bottom:1rem}.auth-field label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.4)}.auth-field input{padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:#fff;font-size:.93rem;outline:none;transition:border-color .18s;width:100%;box-sizing:border-box}.auth-field input::placeholder{color:rgba(255,255,255,.25)}.auth-field input:focus{border-color:rgba(108,92,231,.55)}.auth-row{display:flex;gap:.5rem}.auth-row input{flex:1}.auth-otp-send{padding:.7rem .9rem;border-radius:10px;border:1px solid rgba(108,92,231,.4);background:rgba(108,92,231,.15);color:#a29bfe;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s}.auth-otp-send:hover:not(:disabled){background:rgba(108,92,231,.28)}.auth-otp-send:disabled{opacity:.4;cursor:not-allowed}.auth-btn{width:100%;padding:.85rem;border-radius:10px;border:none;background:linear-gradient(135deg,#6c5ce7,#a29bfe);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:.25rem;transition:opacity .18s}.auth-btn:hover:not(:disabled){opacity:.88}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-size:.85rem;color:rgba(255,255,255,.4);margin-top:1.25rem}.auth-switch a{color:#a29bfe;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:rgba(255,255,255,.08)}.auth-divider span{font-size:.75rem;color:rgba(255,255,255,.25)}