/* ===== CSS Variables ===== */
:root{--pprimary:#185bdc;--pprimary2:#315dff;--pdeep:#0a3d8f;--paccent:#ffab5a;--paccent2:#ff7f40;--pink:#1a1a2e;--pmuted:#596179;--psoft:#f8fbff;--pline:#dfe8fb}

/* ===== BASE ===== */
html,body{margin:0;padding:0}
body{font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#222;background:#fff}
body *{box-sizing:border-box}

/* ===== NAV ===== */
.pp-nav{position:absolute;top:0;left:0;right:0;padding:24px 0;z-index:5}
.pp-nav .pp-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;font-weight:800;text-decoration:none}
.pp-nav .pp-brand:hover{color:#fff;text-decoration:none}
.pp-nav .pp-brand-mark{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,var(--paccent),var(--paccent2));font-size:1.2rem;color:#fff}
.pp-nav-actions{display:flex;justify-content:flex-end;gap:12px}
.pp-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:8px;color:rgba(255,255,255,.92);font-weight:600;text-decoration:none;transition:.2s}
.pp-nav-link:hover{color:#fff;background:rgba(255,255,255,.12);text-decoration:none}
.pp-nav-link.strong{color:#fff;background:linear-gradient(135deg,var(--paccent),var(--paccent2))}

/* ===== HERO ===== */
.pp-hero{padding:94px 0 62px;color:#fff;text-align:center;background:linear-gradient(135deg,#0a3d8f,#185bdc,#315dff);position:relative;overflow:hidden}
.pp-hero h1{margin:0 0 12px;font-size:clamp(2.15rem,5vw,3.7rem);line-height:1.08;font-weight:900}
.pp-hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.88);font-size:1rem;line-height:1.7;font-weight:500}

/* ===== CONTENT ===== */
.pp-wrap{padding:64px 0 76px;background:linear-gradient(180deg,#f8fbff 0,#fff 210px)}
.pp-article{max-width:920px;margin:0 auto;padding:0 18px}
.pp-article h2{margin:44px 0 14px;padding-bottom:10px;border-bottom:1px solid #dfe8fb;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.22;font-weight:900;color:#222}
.pp-article h2:first-child{margin-top:0}
.pp-article p{margin:0 0 16px;color:#596179;font-size:1rem;line-height:1.85}
.pp-article strong{color:#222;font-weight:800}
.pp-article .meta-line{color:var(--pprimary);font-weight:800}
.pp-article a{color:var(--pprimary);font-weight:600;text-decoration:none}
.pp-article a:hover{color:#144a8a;text-decoration:underline}
.pp-article ul{margin:12px 0 22px;padding:0;list-style:none}
.pp-article li{position:relative;margin-bottom:10px;padding-left:28px;color:#596179;font-size:1rem;line-height:1.75}
.pp-article li::before{content:"";position:absolute;left:4px;top:.78em;width:8px;height:8px;border-radius:50%;background:var(--paccent)}

/* ===== RESPONSIVE ===== */
@media(max-width:767px){
  .pp-hero{padding:72px 0 52px}
  .pp-nav{padding:16px 0}
  .pp-nav .pp-brand span:last-child{display:none}
  .pp-nav-actions{gap:8px}
  .pp-nav-link{padding:9px 11px;font-size:.86rem}
  .pp-wrap{padding:48px 0 58px}
}