/* login page styles */
.auth-page{min-height:100vh;background:var(--sh-bg);display:flex;flex-direction:column}
.auth-body{flex:1;display:flex;align-items:center;justify-content:center;padding:30px 16px}
.auth-card{background:#fff;border-radius:var(--sh-r-lg);box-shadow:0 8px 32px rgba(0,0,0,.1);width:100%;max-width:480px;overflow:hidden}
.auth-card-header{background:var(--sh-dark);padding:22px 28px;text-align:center}
.auth-card-header .logo{font-size:1.6rem;font-weight:900;color:#fff;letter-spacing:.02em;display:inline-flex;align-items:baseline;gap:.32em}
.auth-card-header .logo .sh-brand-here,.auth-card-header .logo span{color:var(--sh-red)}
.auth-card-header p{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:4px}
.auth-tabs{display:flex;border-bottom:2px solid var(--sh-border)}
.auth-tab{flex:1;padding:14px 0;text-align:center;font-size:.88rem;font-weight:600;color:var(--sh-muted);cursor:pointer;transition:.15s;border-bottom:3px solid transparent;margin-bottom:-2px}
.auth-tab.active{color:var(--sh-red);border-bottom-color:var(--sh-red)}
.auth-panel{padding:24px 28px;display:none}
.auth-panel.active{display:block}
.or-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--sh-muted);font-size:.8rem}
.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:var(--sh-border)}
.otp-row{display:flex;gap:8px}
.otp-row .sh-input{flex:1}
.reg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:460px){.reg-grid{grid-template-columns:1fr}}
.captcha-box{background:var(--sh-bg);border:1px solid var(--sh-border);border-radius:var(--sh-r-sm);padding:12px 14px;display:flex;align-items:center;justify-content:space-between;font-size:.85rem}
.captcha-math{font-weight:700;letter-spacing:2px;font-family:monospace;font-size:1rem;color:#e2e8f0}
.captcha-input{width:70px;padding:6px 10px;border:1px solid var(--sh-border);border-radius:var(--sh-r-sm);font-size:.85rem}
.req{color:var(--sh-red)}
.otp-resend{color:var(--sh-red);cursor:pointer;font-weight:700}
.otp-resend.wait{color:var(--sh-muted);cursor:default;font-weight:400}
.auth-footer{padding:14px 28px;text-align:center;font-size:.75rem;color:var(--sh-muted);border-top:1px solid var(--sh-border);background:var(--sh-bg)}

/* Tablet / iPad layout (login page only) */
@media(max-width:1024px){
  .auth-page{overflow-x:hidden}
  .auth-page .sh-header-top{flex-wrap:wrap;padding:10px 16px;gap:10px;row-gap:8px}
  .auth-page .sh-header-ad{display:none}
  .auth-page .sh-bday-pill{display:none}
  .auth-page .sh-logo{font-size:1.85rem;flex-shrink:0}
  .auth-page .sh-search-inline{flex:1 1 200px;max-width:none;min-width:0}
  .auth-page .sh-header-actions{margin-left:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px}
  .auth-page .sh-login-btn,.auth-page .sh-account-btn{padding:5px 11px;font-size:.78rem}
  .auth-page .sh-cat-item{padding:12px 16px;font-size:1rem}
  .auth-page .sh-cat-list{padding:0 14px}
  .auth-body{padding:20px 16px 32px;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .auth-card{max-width:440px;margin:0 auto}
  .auth-panel{padding:20px 22px}
  .auth-card-header{padding:18px 22px}
  .auth-footer{padding:12px 22px}
}
@media(max-width:640px){
  .auth-page .sh-search-inline{flex:0 0 auto;max-width:51px;min-width:51px}
  .auth-body{padding:16px 12px 28px}
  .auth-panel{padding:18px 16px}
  .auth-card-header{padding:16px 18px}
}