/* =========================================================
   PLAYORITY – STATIC PAGES (Contact / Privacy / Cookie)
   Loaded only by page-contact.php, page-privacy-policy.php and page-cookie-policy.php.
   =======================================================*/

:root{
  --ply-static-bg:#1e2a38;
  --ply-static-panel:#11171f;
  --ply-static-card:#0f141a;
  --ply-static-ink:#f3f0f7;
  --ply-static-muted:rgba(243,240,247,.76);
  --ply-static-line:rgba(255,255,255,.12);
  --ply-static-line-strong:rgba(255,255,255,.20);
  --ply-static-purple:#7c4dff;
  --ply-static-cyan:#00d1ff;
}

body{
  background:var(--ply-static-bg);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(60% 60% at 10% -10%, rgba(124,77,255,.14), transparent 60%),
    radial-gradient(70% 70% at 100% 0%, rgba(0,209,255,.12), transparent 60%),
    var(--ply-static-bg);
  background-repeat:no-repeat;
}

.ply-static-page{
  position:relative;
  z-index:1;
  color:var(--ply-static-ink);
  font-family:"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
}

.ply-static-shell{
  width:min(1180px, calc(100% - 32px));
  margin:18px auto 44px;
}

.ply-static-hero{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  padding:34px 38px;
  margin:0 0 18px;
  background:
    linear-gradient(180deg, rgba(22,34,49,.94), rgba(14,24,36,.94)),
    radial-gradient(420px 190px at 82% 46%, rgba(0,209,255,.12), transparent 68%),
    radial-gradient(360px 180px at 68% 0%, rgba(124,77,255,.14), transparent 72%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 34px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}

.ply-static-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  top:50%;
  width:340px;
  height:160px;
  transform:translateY(-50%) rotate(-8deg);
  border-radius:999px;
  border:1px solid rgba(83,212,255,.22);
  box-shadow:0 0 38px rgba(91,86,255,.16), inset 0 0 24px rgba(0,209,255,.06);
  opacity:.8;
}

.ply-static-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  color:#5ee7ff;
  font-size:12px;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.ply-static-eyebrow::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--ply-static-cyan), var(--ply-static-purple));
  box-shadow:0 0 12px rgba(0,209,255,.35);
}

.ply-static-hero h1{
  position:relative;
  z-index:1;
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(34px, 3vw + 14px, 58px);
  line-height:1.02;
  font-weight:950;
  letter-spacing:-.04em;
  text-shadow:0 8px 24px rgba(0,0,0,.28);
}

.ply-static-hero p:not(.ply-static-eyebrow){
  position:relative;
  z-index:1;
  max-width:760px;
  margin:14px 0 0;
  color:var(--ply-static-muted);
  font-size:16px;
  line-height:1.6;
  font-weight:500;
}

.ply-static-grid{
  display:grid;
  gap:18px;
}

.ply-static-grid--two{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.ply-static-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  padding:26px 28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 56%),
    var(--ply-static-panel);
  border:1px solid var(--ply-static-line);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -1px 0 rgba(0,0,0,.35), 0 14px 28px rgba(0,0,0,.35);
}

.ply-static-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(260px 140px at 12% 0%, rgba(124,77,255,.10), transparent 68%),
    radial-gradient(260px 160px at 92% 8%, rgba(0,209,255,.08), transparent 72%);
  opacity:.9;
}

.ply-static-card > *{
  position:relative;
  z-index:1;
}

.ply-static-card h2{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(22px, 1.1vw + 18px, 30px);
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.02em;
}

.ply-static-card h2:not(:first-child){
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(255,255,255,.10);
}

.ply-static-card h3{
  margin:22px 0 8px;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  font-weight:850;
}

.ply-static-card p,
.ply-static-card li{
  color:var(--ply-static-muted);
  font-size:16px;
  line-height:1.68;
}

.ply-static-card p{
  margin:0 0 14px;
}

.ply-static-card p:last-child{
  margin-bottom:0;
}

.ply-static-card ul{
  margin:0 0 16px 20px;
  padding:0;
}

.ply-static-card strong{
  color:rgba(255,255,255,.92);
  font-weight:850;
}

.ply-static-card a{
  color:#71e9ff;
  text-decoration:none;
  border-bottom:1px solid rgba(113,233,255,.34);
}

.ply-static-card a:hover{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.55);
}

.ply-static-email{
  margin-top:20px !important;
}

.ply-static-email a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  color:#0b1116;
  font-weight:900;
  background:linear-gradient(90deg, var(--ply-static-purple), var(--ply-static-cyan));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 8px 18px rgba(0,0,0,.24);
}

.ply-static-email a:hover{
  color:#0b1116;
  filter:brightness(1.06);
}

.ply-static-legal .ply-static-card{
  max-width:940px;
  margin:0 auto;
}

@media (max-width: 768px){
  .ply-static-shell{
    width:min(100% - 24px, 1180px);
    margin:12px auto 32px;
  }

  .ply-static-hero{
    padding:24px 20px;
    border-radius:18px;
  }

  .ply-static-hero::after{
    right:-180px;
    opacity:.45;
  }

  .ply-static-hero h1{
    font-size:32px;
  }

  .ply-static-hero p:not(.ply-static-eyebrow){
    font-size:14px;
    line-height:1.55;
  }

  .ply-static-grid--two{
    grid-template-columns:1fr;
  }

  .ply-static-card{
    padding:22px 20px;
    border-radius:16px;
  }

  .ply-static-card p,
  .ply-static-card li{
    font-size:15px;
    line-height:1.62;
  }
}