/* Shared styles for static info pages: about, privacy, terms, contact */
:root{
  --bg:#060C1A;--surface:rgba(255,255,255,.04);--border:rgba(255,255,255,.07);
  --border2:rgba(255,255,255,.14);--text:#EEF2FF;--sub:#8895B3;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'Outfit','Noto Kufi Arabic',system-ui,sans-serif;
  background:var(--bg);color:var(--text);min-height:100vh;line-height:1.85;
}
body::before{
  content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 55% at 5% 5%,rgba(59,130,246,.12) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 95% 90%,rgba(139,92,246,.12) 0%,transparent 60%);
}
.pg-header{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 40px;border-bottom:1px solid var(--border);
  background:rgba(6,12,26,.9);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  position:sticky;top:0;z-index:10;
}
.pg-logo{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800;font-size:17px}
.pg-logo img{width:34px;height:34px;border-radius:10px}
.pg-nav{display:flex;flex-wrap:wrap;gap:8px}
.pg-nav a{
  padding:6px 14px;border-radius:999px;border:1px solid var(--border2);
  color:var(--sub);text-decoration:none;font-size:13px;font-weight:600;
}
.pg-nav a:hover{color:var(--text);border-color:rgba(255,255,255,.25)}
.pg-nav a[aria-current="page"]{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#93C5FD}
.pg-main{max-width:820px;margin:0 auto;padding:40px 24px 60px}
.pg-main h1{font-size:28px;font-weight:800;margin-bottom:6px}
.pg-updated{color:var(--sub);font-size:12px;margin-bottom:28px}
.pg-main h2{font-size:17px;font-weight:700;margin:28px 0 8px}
.pg-main p{margin-bottom:12px;color:#CBD5E1;font-size:15px}
.pg-main ul{margin:0 22px 14px 0;color:#CBD5E1;font-size:15px}
.pg-main li{margin-bottom:6px}
.pg-main a{color:#60A5FA}
.pg-box{
  background:var(--surface);border:1px solid var(--border2);border-radius:14px;
  padding:16px 20px;margin:18px 0;color:#CBD5E1;font-size:14px;
}
.pg-footer{
  border-top:1px solid var(--border);padding:22px 40px;text-align:center;
  color:var(--sub);font-size:12px;
}
.pg-footer a{color:var(--sub);margin:0 8px}
@media (max-width:640px){
  .pg-header{padding:14px 18px}
  .pg-main{padding:28px 18px 48px}
  .pg-main h1{font-size:23px}
}