/* PishkhanPlus 2.38.1 — global responsive polish, redesigned login, safe settings */
:root {
  --pp-login-ink: #142a46;
  --pp-login-muted: #60748b;
  --pp-login-line: rgba(255,255,255,.22);
}
html body #layer.is-login-layer > .login.login-pro {
  grid-template-columns: minmax(260px, 390px) minmax(0, 460px) !important;
  grid-template-rows: minmax(0, auto) !important;
  align-content: center !important;
  justify-content: center !important;
  justify-items: stretch !important;
  gap: clamp(18px, 3vw, 42px) !important;
  padding: clamp(18px, 3vw, 42px) !important;
  background:
    radial-gradient(ellipse at 15% 15%, rgba(71,203,192,.28), transparent 35%),
    radial-gradient(ellipse at 88% 82%, rgba(89,126,241,.24), transparent 36%),
    linear-gradient(135deg, #061426 0%, #0c2948 48%, #0a5356 100%) !important;
}
html body #layer.is-login-layer > .login.login-pro::after { display:none !important; content:none !important; }
html body #layer.is-login-layer > .login.login-pro > .login-artist-panel {
  grid-column: 1 !important; grid-row: 1 !important;
  display:flex !important; flex-direction:column !important; align-items:stretch !important;
  justify-content:center !important; gap:20px !important; min-width:0 !important;
  padding:clamp(20px,2.6vw,32px) !important; border:1px solid var(--pp-login-line) !important;
  border-radius:28px !important; color:#f5fbff !important;
  background:linear-gradient(150deg,rgba(255,255,255,.11),rgba(255,255,255,.035)) !important;
  box-shadow:0 28px 75px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.12) !important;
  backdrop-filter:blur(14px) !important; -webkit-backdrop-filter:blur(14px) !important;
  align-self:stretch !important; box-sizing:border-box !important;
}
.login-artist-portrait { display:flex; justify-content:center; align-items:center; position:relative; min-height:190px; }
.login-artist-portrait::before { content:""; position:absolute; width:min(230px,72%); aspect-ratio:1; border-radius:50%; background:radial-gradient(circle,rgba(58,202,194,.26),rgba(58,202,194,0) 70%); }
.login-artist-portrait img {
  position:relative; display:block; width:clamp(142px,16vw,205px); aspect-ratio:1; object-fit:cover;
  border-radius:30px; border:1px solid rgba(255,255,255,.52);
  box-shadow:0 20px 48px rgba(0,0,0,.28); background:#dce7ee;
}
.login-artist-copy { text-align:right; }
.login-artist-eyebrow { display:inline-flex; align-items:center; gap:8px; padding:6px 11px; border-radius:999px; background:rgba(93,222,211,.12); border:1px solid rgba(93,222,211,.24); color:#baf8f1; font-size:11px; font-weight:800; }
.login-artist-eyebrow::before { content:""; width:7px; height:7px; border-radius:50%; background:#57d8c8; box-shadow:0 0 0 4px rgba(87,216,200,.13); }
.login-artist-copy h1 { margin:14px 0 7px; font-size:clamp(22px,2.3vw,31px); line-height:1.6; letter-spacing:-.6px; color:#fff; font-weight:900; }
.login-artist-copy p { margin:0; color:rgba(238,247,255,.78); line-height:2; font-size:13px; }
.login-artist-points { display:grid; gap:9px; margin-top:18px; }
.login-artist-points span { display:flex; align-items:center; gap:9px; color:#e1f0f9; font-size:12px; }
.login-artist-points span::before { content:"✓"; display:inline-grid; place-items:center; width:22px; height:22px; flex:0 0 22px; border-radius:7px; background:rgba(72,208,190,.15); color:#8ff0df; font-weight:900; }
html body #layer.is-login-layer > .login.login-pro > .login-card-pro {
  grid-column:2 !important; grid-row:1 !important; align-self:center !important;
  width:min(460px,100%) !important; max-width:460px !important;
  margin:0 !important; border-radius:26px !important;
  box-shadow:0 32px 90px rgba(0,0,0,.33),inset 0 1px #fff !important;
}
html body #layer.is-login-layer > .login.login-pro .login-pin:focus-visible,
html body #layer.is-login-layer > .login.login-pro .uopt:focus-visible,
html body #layer.is-login-layer > .login.login-pro .login-submit:focus-visible {
  outline:3px solid #25b9b3 !important; outline-offset:3px !important;
}
.pplus-maintenance-actions { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
#pplusCacheStatus { margin:10px 0 0; padding:9px 11px; border-radius:10px; background:var(--panel-2,rgba(120,130,150,.08)); color:var(--muted); font-size:12px; line-height:1.8; }
#pplusCacheStatus[data-state="ok"] { color:var(--good,#16784b); }
#pplusCacheStatus[data-state="error"] { color:var(--bad,#b42318); }
@media(max-width:900px) {
  html body #layer.is-login-layer > .login.login-pro {
    grid-template-columns:minmax(0,460px) !important; grid-template-rows:auto auto !important;
    align-content:start !important; gap:12px !important; padding:max(14px,env(safe-area-inset-top,0px)) 12px max(20px,env(safe-area-inset-bottom,0px)) !important;
  }
  html body #layer.is-login-layer > .login.login-pro > .login-artist-panel {
    grid-column:1 !important; grid-row:1 !important; display:grid !important;
    grid-template-columns:84px minmax(0,1fr) !important; align-items:center !important;
    gap:12px !important; padding:13px !important; border-radius:18px !important;
  }
  .login-artist-portrait { min-height:0 !important; }
  .login-artist-portrait img { width:78px !important; border-radius:16px !important; }
  .login-artist-copy h1 { margin:4px 0 2px !important; font-size:17px !important; }
  .login-artist-copy p { font-size:11px !important; line-height:1.7 !important; }
  .login-artist-eyebrow { font-size:9px !important; padding:3px 7px !important; }
  .login-artist-points { display:none !important; }
  html body #layer.is-login-layer > .login.login-pro > .login-card-pro { grid-column:1 !important; grid-row:2 !important; width:100% !important; max-width:460px !important; padding:clamp(16px,4vw,22px) !important; }
}
@media(max-width:380px) {
  html body #layer.is-login-layer > .login.login-pro > .login-artist-panel { grid-template-columns:62px minmax(0,1fr) !important; padding:10px !important; }
  .login-artist-portrait img { width:58px !important; border-radius:12px !important; }
  .login-artist-copy h1 { font-size:15px !important; }
  html body #layer.is-login-layer > .login.login-pro .login-card-pro { padding:14px !important; }
}
@media(prefers-reduced-motion:reduce) {
  html body #layer.is-login-layer *, #pplusCacheStatus { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
}