/* =========================================================
   AUTH PAGES
========================================================= */
.auth-page{background:linear-gradient(180deg,#fff,#f5f9fa);min-height:100vh}
.auth-header{position:absolute;top:0;left:0;right:0}
.auth-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.auth-nav img{width:190px;height:58px;object-fit:contain}.auth-nav>a:last-child{font-size:12px;color:#71818b}.auth-nav>a:last-child:hover{color:var(--green)}
.auth-main{min-height:100vh;display:flex;align-items:center;padding:105px 20px 50px}.auth-layout{display:grid;grid-template-columns:1fr 420px;gap:90px;align-items:center}
.auth-intro{max-width:550px}.auth-intro h1{font-size:clamp(45px,5vw,68px);line-height:1;letter-spacing:-3px;margin-top:23px}.auth-intro>p{margin-top:22px;color:var(--muted);font-size:15px;line-height:1.75}.benefit-list{display:grid;gap:15px;margin-top:30px}.benefit-list>div{display:flex;gap:12px;align-items:center}.benefit-list>b,.benefit-list>div>b{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#effbf7;color:var(--green);font-size:14px;flex:0 0 36px}.benefit-list strong{display:block;font-size:12px}.benefit-list small{display:block;margin-top:3px;color:#80909a;font-size:10px}
.auth-card,.otp-card{background:#fff;border:1px solid var(--border);border-radius:25px;padding:34px;box-shadow:0 25px 70px rgba(18,38,50,.09);text-align:center}.auth-card-icon{width:54px;height:54px;margin:auto;border-radius:16px;display:grid;place-items:center;background:#effbf7;color:var(--green);font-size:22px}.auth-card h2,.otp-card h1{margin-top:18px;font-size:24px;letter-spacing:-.7px}.auth-card>p,.otp-card>p{margin-top:7px;color:#7d8d96;font-size:11px;line-height:1.6}.auth-card form{text-align:left;margin-top:28px}.auth-card label{display:block;margin-bottom:8px;color:#657680;font-size:10px;font-weight:800}.mobile-input{height:55px;display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#f8fafb;overflow:hidden}.mobile-input:focus-within{border-color:#86dfc3;box-shadow:0 0 0 3px rgba(18,184,134,.08)}.mobile-input span{width:66px;text-align:center;color:#62737c;font-size:13px;font-weight:800;border-right:1px solid var(--border)}.mobile-input input{flex:1;border:0;outline:0;background:transparent;padding:0 14px;color:var(--text);font-size:14px}.mobile-input input::placeholder{color:#9ba7ad}.form-message{min-height:18px;margin-top:7px;color:var(--red);font-size:10px}.btn-full{width:100%;height:53px;margin-top:4px}.secure-note{margin-top:20px;padding-top:17px;border-top:1px solid var(--border);color:#7d8d95;font-size:9px;line-height:1.6}.terms{margin-top:15px;color:#9aa5ab;font-size:9px;line-height:1.7}.terms a{color:#60747e}.auth-footer{position:absolute;bottom:17px;left:0;right:0;text-align:center;color:#9aa5ab;font-size:9px}
.verify-main{justify-content:center}.otp-card{width:min(100%,450px)}.mobile-display{display:inline-flex;align-items:center;gap:7px;margin-top:15px;padding:9px 12px;border-radius:10px;background:#f7f9fa;border:1px solid var(--border);color:#63747d;font-size:11px}.mobile-display strong{color:#27363e}.mobile-display button{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:800}.otp-boxes{display:flex;justify-content:center;gap:8px;margin-top:28px}.otp{width:51px;height:57px;border:1px solid var(--border);border-radius:12px;background:#f8fafb;text-align:center;outline:0;font-size:21px;font-weight:800;color:var(--navy)}.otp:focus{border-color:#80dcc0;box-shadow:0 0 0 3px rgba(18,184,134,.08);background:#fff}.resend-row{margin-top:18px;color:#8a989f;font-size:10px}.resend-row button{border:0;background:transparent;color:var(--green);font-size:10px;font-weight:800}.resend-row button:disabled{color:#8d9aa0}.success-icon{width:68px;height:68px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#effbf7;border:1px solid #d5f3e8;color:var(--green);font-size:29px}.success-card h2{margin-top:18px;font-size:24px}.success-card p{margin-top:8px;color:#7d8d96;font-size:11px;line-height:1.7}
@media(max-width:850px){.auth-layout{grid-template-columns:1fr;gap:40px;max-width:500px}.auth-intro{text-align:center}.benefit-list{text-align:left}.auth-main{padding-top:100px}}
@media(max-width:520px){.auth-nav{height:70px}.auth-nav img{width:155px}.auth-main{padding:90px 14px 60px}.auth-card,.otp-card{padding:28px 18px;border-radius:22px}.otp-boxes{gap:6px}.otp{width:43px;height:52px}.auth-intro h1{font-size:45px}.auth-footer{position:static;padding:20px}}