:root{
  --navy:#010a41;
  --primary:#f2f3f7;
  --secondary:#f2f3f7;
  --muted:#b2bcd0;
  --divider:#4a556880;
  --accent:#f10d59;
  --accent-pink:#ff3ce3;
  --card-bg:#29325680;
  --card-border:#ffffff26;
  --glass:linear-gradient(0deg,#f10d5933 0% 100%),rgba(2,6,23,.5);
  --grad-heading:linear-gradient(143deg,#ff5f00 9.62%,#df2061 49.53%,#ff07e8 100.06%);
  --font-display:"Nunito","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-body:"Noto Sans","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --pl:clamp(24px,5vw,200px);
  --dur:.18s;
  --maxw:1320px;
}
*,*::before,*::after{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background:var(--navy);
  color:var(--primary);
  font-family:var(--font-body);
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid #ff7ab8;outline-offset:3px;border-radius:6px}
.grad-text{background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---- top nav ---- */
.pg-nav{position:sticky;top:0;z-index:40;background:rgba(1,10,65,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--card-border)}
.pg-nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px clamp(20px,5vw,120px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.pg-brand{font-family:var(--font-display);font-weight:900;font-size:1rem;color:#fff;letter-spacing:-.01em}
.pg-brand b{background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900}
.pg-back{font-size:.92rem;font-weight:700;color:var(--muted);padding:9px 18px;border:1px solid var(--card-border);border-radius:100px;transition:color var(--dur) ease,border-color var(--dur) ease,background var(--dur) ease}
.pg-back:hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.pg-nav-right{display:flex;align-items:center;gap:12px}

/* ---- main ---- */
.pg-main{padding:clamp(48px,7vw,96px) 0}
.pg-wrap{max-width:880px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}
.pg-eyebrow{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.pg-wrap h1{font-family:var(--font-display);font-weight:900;font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.05;margin-top:10px}
.pg-lead{color:var(--muted);font-size:clamp(1rem,1.5vw,1.18rem);margin-top:20px;max-width:640px}
.pg-updated{color:var(--muted);font-size:.86rem;margin-top:14px}

.pg-article{margin-top:clamp(32px,5vw,56px)}
.pg-article section{margin-top:34px}
.pg-article h2{font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.65rem);color:#fff;margin-bottom:12px}
.pg-article h3{font-family:var(--font-display);font-weight:800;font-size:1.08rem;color:#fff;margin:20px 0 8px}
.pg-article p{color:var(--primary);margin-top:12px}
.pg-article p.muted{color:var(--muted)}
.pg-article ul,.pg-article ol{margin:14px 0 0 22px;color:var(--primary)}
.pg-article li{margin-top:8px}
.pg-article li::marker{color:var(--accent-pink)}
.pg-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:clamp(20px,3vw,32px);margin-top:22px}
.pg-card h3{margin-top:0}
.pg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.pg-stat{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:20px 22px}
.pg-stat .n{font-family:var(--font-display);font-weight:900;font-size:clamp(1.7rem,4vw,2.4rem);background:var(--grad-heading);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pg-stat .l{color:var(--muted);font-size:.9rem;margin-top:4px}
.pg-contact{margin-top:36px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:clamp(20px,3vw,32px)}
.pg-contact .label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pg-contact a{color:var(--accent-pink);font-weight:700;word-break:break-word}
.pg-contact a:hover{text-decoration:underline}
.pg-cta{display:inline-flex;align-items:center;gap:10px;margin-top:26px;background:var(--accent);color:#fff;font-weight:800;
  padding:13px 26px;border-radius:100px;box-shadow:0 10px 30px rgba(241,13,89,.35);transition:transform var(--dur) ease,box-shadow var(--dur) ease}
.pg-cta:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(241,13,89,.5)}

/* ---- footer ---- */
.pg-footer{background:linear-gradient(90deg,#1a0e51,#010a41);border-top:1px solid var(--card-border);margin-top:40px}
.pg-foot-inner{max-width:var(--maxw);margin:0 auto;padding:clamp(32px,5vw,56px) clamp(20px,5vw,120px);
  display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}
.pg-foot-brand{font-family:var(--font-display);font-weight:900;font-size:1.25rem;color:#fff}
.pg-foot-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.pg-foot-links a{color:var(--muted);font-size:.92rem;font-weight:600;transition:color var(--dur) ease}
.pg-foot-links a:hover{color:#fff}
.pg-foot-links a.is-current{color:#fff}
.pg-foot-copy{flex:1 1 100%;color:var(--muted);font-size:.86rem;border-top:1px solid var(--divider);padding-top:20px}
.pg-foot-copy a{color:var(--accent-pink);font-weight:600}

@media (max-width:640px){
  .pg-grid{grid-template-columns:1fr}
  .pg-nav-inner{padding:12px 16px;gap:10px}
  .pg-brand{font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pg-nav-right{gap:8px;flex:0 0 auto}
  .pg-back{padding:7px 13px;font-size:.82rem;white-space:nowrap}
  .pg-nav .lang-switch select{max-width:108px}
}