/* Public utility pages V2 — support and account recovery. Modern mode only. */
html[data-ui-mode="modern"] body.public-v2{
  --pp-bg:#050916;
  --pp-panel:#0b1731;
  --pp-panel-2:#0d1d3b;
  --pp-line:rgba(161,184,232,.18);
  --pp-line-strong:rgba(176,197,240,.30);
  --pp-text:#fffaf2;
  --pp-muted:#aab6ca;
  --pp-purple:#9251ff;
  --pp-purple-2:#7034e8;
  --pp-gold:#ffc94a;
  --pp-green:#53d7ad;
  --pp-red:#ff7286;
  min-height:100dvh;
  color:var(--pp-text)!important;
  background:
    radial-gradient(650px 420px at 92% -8%,rgba(146,81,255,.15),transparent 64%),
    radial-gradient(520px 360px at -8% 32%,rgba(255,201,74,.055),transparent 66%),
    linear-gradient(180deg,#081229 0%,#050916 64%,#030610 100%)!important;
}
html[data-ui-mode="modern"] body.public-v2 :is(input,select,textarea,button,a){font-family:"Alexandria",Tahoma,"Segoe UI",Arial,sans-serif}
html[data-ui-mode="modern"] body.public-v2 :is(input,select,textarea):focus{
  outline:0!important;
  border-color:rgba(146,81,255,.58)!important;
  box-shadow:0 0 0 3px rgba(146,81,255,.11)!important;
}
html[data-ui-mode="modern"] body.public-v2 :is(button,a):focus-visible{
  outline:3px solid rgba(255,201,74,.82)!important;
  outline-offset:3px!important;
}

/* Support */
html[data-ui-mode="modern"] body.support-page .legal-shell{
  width:min(860px,calc(100% - 28px))!important;
  margin-inline:auto!important;
  padding:clamp(28px,5vw,58px) 0 64px!important;
}
html[data-ui-mode="modern"] body.support-page .legal-hero{
  margin:0 0 18px!important;
  padding:clamp(24px,4vw,38px)!important;
  border:1px solid var(--pp-line)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(13,29,59,.96),rgba(7,17,37,.97))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28)!important;
  text-align:right!important;
}
html[data-ui-mode="modern"] body.support-page .legal-hero>span{
  display:inline-flex!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,201,74,.30)!important;
  border-radius:999px!important;
  color:var(--pp-gold)!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-ui-mode="modern"] body.support-page .legal-hero h1{
  margin:12px 0 7px!important;
  color:var(--pp-text)!important;
  font-size:clamp(34px,6vw,54px)!important;
  line-height:1.2!important;
  letter-spacing:-.04em!important;
}
html[data-ui-mode="modern"] body.support-page .legal-hero p{
  max-width:680px!important;
  margin:0!important;
  color:var(--pp-muted)!important;
  font-size:13px!important;
  line-height:1.8!important;
}
html[data-ui-mode="modern"] body.support-page .legal-section{
  padding:clamp(18px,3vw,28px)!important;
  border:1px solid var(--pp-line)!important;
  border-radius:24px!important;
  background:rgba(9,21,45,.88)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
html[data-ui-mode="modern"] body.support-page .legal-form{display:grid!important;gap:14px!important}
html[data-ui-mode="modern"] body.support-page .legal-form label{
  display:grid!important;
  gap:7px!important;
  color:#dbe3ef!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-ui-mode="modern"] body.support-page .legal-form :is(input,select,textarea){
  width:100%!important;
  min-height:52px!important;
  padding:12px 14px!important;
  border:1px solid var(--pp-line)!important;
  border-radius:14px!important;
  background:rgba(3,11,27,.68)!important;
  color:var(--pp-text)!important;
  font-size:15px!important;
}
html[data-ui-mode="modern"] body.support-page .legal-form textarea{
  min-height:150px!important;
  resize:vertical!important;
  line-height:1.65!important;
}
html[data-ui-mode="modern"] body.support-page .legal-button{
  width:100%!important;
  min-height:54px!important;
  border:0!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,var(--pp-purple),var(--pp-purple-2))!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 11px 26px rgba(112,52,232,.22)!important;
}
html[data-ui-mode="modern"] body.support-page .legal-status{
  min-height:22px!important;
  margin:0!important;
  color:#b8f0dc!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* Password reset */
html[data-ui-mode="modern"] body.account-reset-page .reset-shell{
  width:min(560px,calc(100% - 28px))!important;
  min-height:100dvh!important;
  margin:auto!important;
  padding:max(24px,env(safe-area-inset-top)) 0 max(32px,env(safe-area-inset-bottom))!important;
  display:grid!important;
  align-content:center!important;
  gap:14px!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-brand{
  width:118px!important;
  height:82px!important;
  margin-inline:auto!important;
  display:grid!important;
  place-items:center!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-brand img{
  width:118px!important;
  height:82px!important;
  object-fit:contain!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card{
  padding:clamp(22px,5vw,34px)!important;
  border:1px solid var(--pp-line-strong)!important;
  border-radius:26px!important;
  background:
    radial-gradient(360px 200px at 100% 0,rgba(146,81,255,.12),transparent 64%),
    linear-gradient(180deg,rgba(13,29,59,.98),rgba(7,17,37,.99))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.34)!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-kicker{
  display:inline-flex!important;
  padding:7px 11px!important;
  border:1px solid rgba(255,201,74,.30)!important;
  border-radius:999px!important;
  color:var(--pp-gold)!important;
  font-size:11px!important;
  font-weight:900!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card h1{
  margin:12px 0 7px!important;
  color:var(--pp-text)!important;
  font-size:clamp(31px,7vw,43px)!important;
  letter-spacing:-.04em!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card>p{
  color:var(--pp-muted)!important;
  font-size:13px!important;
  line-height:1.75!important;
}
html[data-ui-mode="modern"] body.account-reset-page #resetForm{display:grid!important;gap:12px!important;margin:18px 0 10px!important}
html[data-ui-mode="modern"] body.account-reset-page #resetForm label{
  display:grid!important;
  gap:7px!important;
  color:#dce4ef!important;
  font-size:12px!important;
  font-weight:800!important;
}
html[data-ui-mode="modern"] body.account-reset-page #resetForm input{
  width:100%!important;
  min-height:54px!important;
  padding:12px 14px!important;
  border:1px solid var(--pp-line)!important;
  border-radius:14px!important;
  background:rgba(3,11,27,.68)!important;
  color:var(--pp-text)!important;
  font-size:16px!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card .btn{
  width:100%!important;
  min-height:52px!important;
  border-radius:14px!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card .btn.primary{
  background:linear-gradient(180deg,var(--pp-purple),var(--pp-purple-2))!important;
  box-shadow:0 11px 26px rgba(112,52,232,.22)!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-card .btn.ghost{
  border-color:var(--pp-line)!important;
  background:rgba(255,255,255,.035)!important;
}
html[data-ui-mode="modern"] body.account-reset-page .reset-status{
  min-height:22px!important;
  margin:7px 0!important;
  color:#ffb1bd!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:800!important;
}

@media(max-width:520px){
  html[data-ui-mode="modern"] body.support-page .legal-shell{width:calc(100% - 18px)!important;padding-top:18px!important}
  html[data-ui-mode="modern"] body.support-page .legal-hero{padding:20px 17px!important;border-radius:22px!important}
  html[data-ui-mode="modern"] body.support-page .legal-section{padding:16px!important;border-radius:20px!important}
  html[data-ui-mode="modern"] body.account-reset-page .reset-shell{width:calc(100% - 18px)!important;align-content:start!important;padding-top:max(18px,env(safe-area-inset-top))!important}
  html[data-ui-mode="modern"] body.account-reset-page .reset-brand{width:102px!important;height:70px!important}
  html[data-ui-mode="modern"] body.account-reset-page .reset-brand img{width:102px!important;height:70px!important}
  html[data-ui-mode="modern"] body.account-reset-page .reset-card{padding:21px 16px!important;border-radius:22px!important}
}