.authPage{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(430px,1.1fr);background:linear-gradient(135deg,#f7efff,#fff 55%,#edfbfd)}.authSide{padding:60px clamp(30px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(150deg,#251045,#6f2ddd 62%,#0bb4c1);color:#fff}.authSide .logo{color:#fff}.authSide .logo small{color:#e9ddff}.authSide h1{font-size:clamp(38px,4vw,62px);line-height:1.03;margin:42px 0 18px}.authSide p{max-width:410px;line-height:1.7;color:#eee6ff}.authBenefits{display:grid;gap:12px;margin-top:32px}.authBenefits span{padding:13px 15px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff12;font-size:13px}.authMain{display:grid;place-items:center;padding:36px}.authCard{width:min(100%,450px);padding:38px;border-radius:24px;background:#fff;box-shadow:0 26px 65px #30134c1c}.authKicker{color:#e51b80;font-size:10px;font-weight:800;letter-spacing:1.2px}.authCard h2{font-size:31px;margin:9px 0}.authCopy{color:#7b7483;line-height:1.6;font-size:14px;margin:0 0 23px}.authTabs{display:flex;gap:7px;padding:4px;border-radius:11px;background:#f3eff8;margin-bottom:20px}.authTabs button{flex:1;border:0;border-radius:8px;padding:10px 5px;background:transparent;color:#746b80;font:700 11px Inter,Arial,sans-serif;cursor:pointer}.authTabs button.active{background:#fff;color:#6c28c7;box-shadow:0 2px 8px #38234b16}.authPanel{display:none}.authPanel.active{display:block}.googleLogin,.authSubmit{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;border-radius:10px;padding:14px;border:1px solid #e2dce9;background:#fff;color:#342b3d;font-weight:800;cursor:pointer}.googleLogin:hover{border-color:#a97ce7}.authSubmit{border:0;background:#e51b80;color:#fff;margin-top:12px}.authDivider{display:flex;align-items:center;gap:10px;margin:20px 0;color:#aaa1b0;font-size:11px}.authDivider:before,.authDivider:after{content:'';height:1px;flex:1;background:#eee9f2}.authField{display:grid;gap:7px;margin-top:13px}.authField label{font-size:11px;font-weight:700;color:#5d5266}.authField input{padding:13px;border:1px solid #e3ddea;border-radius:9px;font:14px Inter,Arial,sans-serif}.authNote{font-size:11px;color:#948b9e;line-height:1.55;margin:17px 0 0}.authSuccess{display:none;text-align:center}.authSuccess.show{display:block}.authSuccess .ok{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#e9fff5;color:#1eaa70;font-size:28px}.authSuccess p{color:#766d7e;line-height:1.6}.authSuccess a{display:block;margin-top:21px;padding:13px;background:#e51b80;color:#fff;border-radius:10px;text-decoration:none;font-weight:800}.accountWrap{max-width:930px;margin:0 auto;padding:50px 28px}.accountTop{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.accountTop h1{font-size:36px;margin:10px 0 0}.accountEmail{padding:9px 13px;border-radius:9px;background:#f5f1fa;color:#654b7b;font-size:12px}.deviceCard{padding:26px;border:1px solid #ece4f3;border-radius:18px;background:#fff;box-shadow:0 12px 33px #2817350b}.deviceCard h2{margin:0;font-size:23px}.deviceCard>p{color:#766e7c;font-size:13px;line-height:1.65}.deviceCount{margin:18px 0;padding:13px 15px;border-radius:10px;background:#fff1f5;color:#7040b3;font-weight:800;font-size:13px}.deviceList{display:grid;gap:10px}.deviceRow{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid #eee8f3;border-radius:11px}.deviceRow strong,.deviceRow small{display:block}.deviceRow strong{font-size:13px}.deviceRow small{font-size:11px;color:#948c99;margin-top:3px}.deviceRow button{border:1px solid #dfcaef;color:#e51b80;background:#fff;border-radius:8px;padding:8px 10px;font-weight:700;cursor:pointer}.deviceRow.current{border-color:#ae82e6;background:#fbf8ff}.premiumStatus{margin-top:22px;padding:18px;border-radius:12px;background:linear-gradient(120deg,#251044,#7130d1);color:#fff}.premiumStatus strong,.premiumStatus span{display:block}.premiumStatus span{font-size:12px;color:#e4d9f9;margin-top:5px}.signOut{margin-top:24px;border:0;background:transparent;color:#e51b80;font-weight:800;cursor:pointer}@media(max-width:800px){.authPage{grid-template-columns:1fr}.authSide{padding:35px}.authSide h1{font-size:38px;margin-top:25px}.authMain{padding:24px}.authCard{padding:28px}.accountWrap{padding:32px 18px}.accountTop{align-items:flex-start;flex-direction:column}}

/* Fotomitra OTP sign-in */
.authPage{background:linear-gradient(135deg,#fff2f6,#fff 53%,#fff5e8)}
.authSide{background:linear-gradient(150deg,#b80075 0%,#ef315e 58%,#ff7130 100%)}
.authKicker{color:#e72b72}
.googleLogin:hover{border-color:#ef7a86}
.authSubmit{background:linear-gradient(100deg,#d90080,#f04457 68%,#ff762d);box-shadow:0 8px 20px #df286029}
.authSubmit:hover{filter:brightness(1.04)}
.authSubmit:disabled,.otpResend:disabled{opacity:.55;cursor:not-allowed}
.authDivider{color:#a49aa1}
.authDivider:before,.authDivider:after{background:#f0e8eb}
.authField{gap:8px;margin-top:14px}
.authField span{font-size:12px;font-weight:750;color:#51454c}
.authField input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #e6dce0;border-radius:10px;background:#fff;font:14px Inter,Arial,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
.authField input:focus{border-color:#ed4770;box-shadow:0 0 0 3px #ed47701a}
.authHint{display:block;margin:8px 0 0;color:#8c8087;font-size:11px;line-height:1.5}
.authCaptcha{margin-top:14px}
.authNote[data-kind="error"]{color:#bd293e}
.authNote:not([data-kind="error"]){color:#8a7e84}
.otpVerify[hidden]{display:none!important}
.otpDestination{margin:0 0 6px;color:#71656b;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.otpResend,.otpChange{display:block;margin:12px auto 0;padding:6px;border:0;background:transparent;color:#ca286b;font:700 12px Inter,Arial,sans-serif;cursor:pointer}
.otpChange{margin-top:5px;color:#83777e;font-weight:600}
@media(max-width:800px){.authSide{background:linear-gradient(150deg,#b80075 0%,#ef315e 58%,#ff7130 100%)}}