.pp{--night:#01110e;--neon:#14fc62;--paper:#f6faf8;--surface:#fff;--line:#dce8e4;--ink:#01110e;--ink-2:#2f4540;--muted:#5e726d;--accent:#037a5e;--accent-soft:#defce8;--sun-soft:#fdf6dc;--sun-line:#e0b331;--font:var(--font-loew-arabic),var(--font-helvetica),system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--paper);min-block-size:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.8}html:has(.pp){background:#f6faf8}html:has(.pp) body{background:#f6faf8}.pp *{box-sizing:border-box}.pp h1,.pp h2,.pp p,.pp ul{margin:0}.pp a{color:inherit}.pp .wrap{inline-size:min(100% - 32px,760px);margin-inline:auto}.pp .band{background:var(--night);color:#f1faf6;padding-block:20px 48px}.pp .bar{justify-content:space-between;align-items:center;gap:16px;margin-block-end:40px;display:flex}.pp .bar a{align-items:center;min-block-size:44px;text-decoration:none;display:inline-flex}.pp .bar .home{color:#b8cec8;font-size:14px}.pp .bar .home:hover{color:#f1faf6}.pp h1{font-size:clamp(30px,5vw,44px);font-weight:700;line-height:1.25}.pp .updated{color:#b8cec8;background:#defce817;border-radius:999px;margin-block-start:14px;padding:4px 14px;font-size:14px;display:inline-block}.pp main{gap:16px;padding-block:32px 64px;display:grid}.pp .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.pp .card.intro{border-color:var(--accent)}.pp .card.contact{background:var(--sun-soft);border-color:var(--sun-line)}.pp h2{align-items:center;gap:12px;margin-block-end:10px;font-size:19px;font-weight:700;line-height:1.4;display:flex}.pp .num{background:var(--night);block-size:30px;inline-size:30px;color:var(--neon);font-variant-numeric:tabular-nums;border-radius:8px;flex:none;place-items:center;font-size:14px;display:inline-grid}.pp .contact .num{background:var(--sun-line);color:var(--night)}.pp p{color:var(--ink-2)}.pp p+p,.pp ul+p{margin-block-start:10px}.pp ul{color:var(--ink-2);gap:6px;padding:0;list-style:none;display:grid}.pp li{gap:10px;display:flex}.pp li:before{content:"";background:var(--accent);border-radius:50%;flex:none;block-size:8px;inline-size:8px;margin-block-start:.75em}.pp .mail{color:var(--accent);margin-block-start:8px;font-weight:700;text-decoration:none;display:inline-block}.pp .mail:hover{text-decoration:underline}
