/* GALAXISRADIO V88.17 — About + Contact colour upgrade only
   Scope intentionally limited to .about-page and .contact-page. */
.about-page,.contact-page{
  --gr17-navy:#082556;
  --gr17-blue:#0b67bd;
  --gr17-cyan:#1597ee;
  --gr17-coral:#ff6748;
  --gr17-ink:#102a4f;
  --gr17-muted:#617492;
  --gr17-line:#dbe7f4;
  --gr17-pale:#eef7ff;
}
.about-page .fresh-main,.contact-page .fresh-main{padding-top:18px;padding-bottom:26px}

/* ABOUT — make the listening section feel like a major station feature */
.about-page .about-listen-v8813{
  position:relative;overflow:hidden;
  border:0;
  background:
    radial-gradient(circle at 88% 8%,rgba(32,164,255,.38),transparent 29%),
    radial-gradient(circle at 7% 110%,rgba(255,103,72,.28),transparent 28%),
    linear-gradient(122deg,#061c43 0%,#0a3478 57%,#0d5caf 100%);
  box-shadow:0 18px 38px rgba(8,37,86,.16);
}
.about-page .about-listen-v8813:after{
  content:"";position:absolute;right:-90px;top:-170px;width:390px;height:390px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 55px rgba(255,255,255,.022),0 0 0 110px rgba(255,255,255,.015);pointer-events:none
}
.about-page .about-listen-head-v8813{position:relative;z-index:1}
.about-page .about-listen-head-v8813 .small-kicker{color:#ff9a7c}
.about-page .about-listen-head-v8813 h2{color:#fff}
.about-page .about-listen-head-v8813 p{color:#d8e7f8}
.about-page .about-platforms-v8813,.about-page .about-facebook-v8813{position:relative;z-index:1}
.about-page .about-platform-v8813{border-color:rgba(255,255,255,.30);box-shadow:0 8px 18px rgba(3,24,55,.10)}
.about-page .about-platform-v8813:hover{box-shadow:0 13px 25px rgba(3,24,55,.18)}
.about-page .about-facebook-v8813{
  border-color:rgba(255,255,255,.20);
  background:linear-gradient(110deg,rgba(255,255,255,.96),rgba(235,246,255,.96));
}

/* ABOUT — stronger station identity in the lower half */
.about-page .about-grid-v31{gap:18px;align-items:stretch}
.about-page .about-copy-v31{
  position:relative;overflow:hidden;border:0;color:#fff;
  background:
    radial-gradient(circle at 110% 110%,rgba(21,151,238,.35),transparent 38%),
    linear-gradient(138deg,#071f49 0%,#0a397d 100%);
  box-shadow:0 15px 32px rgba(8,37,86,.14)
}
.about-page .about-copy-v31:after{content:"";position:absolute;right:-55px;top:-55px;width:170px;height:170px;border-radius:50%;border:25px solid rgba(255,255,255,.035);pointer-events:none}
.about-page .about-copy-v31 .small-kicker{color:#ff9a7c}
.about-page .about-copy-v31 h2{color:#fff}
.about-page .about-copy-v31 p{color:#d9e6f6}
.about-page .about-copy-v31 .show-list-v31{position:relative;z-index:1}
.about-page .about-copy-v31 .show-list-v31 span{
  border-color:rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:none!important
}
.about-page .about-copy-v31 .show-list-v31 strong{color:#fff}
.about-page .about-copy-v31 .show-list-v31 small{color:#bcd1ea}
.about-page .presenter-profile-v31{
  border:1px solid #cfe4f7;
  background:linear-gradient(145deg,#ffffff 0%,#edf7ff 66%,#fff4ee 100%);
  box-shadow:0 14px 30px rgba(16,42,79,.09)
}
.about-page .presenter-profile-v31 .small-kicker{color:var(--gr17-coral)}
.about-page .presenter-profile-v31 h2{color:var(--gr17-navy)}
.about-page .presenter-copy-v31 p{color:var(--gr17-muted)}
.about-page .presenter-profile-v31 .show-button{
  border:0!important;color:#fff!important;
  background:linear-gradient(135deg,var(--gr17-blue),var(--gr17-cyan));
  box-shadow:0 8px 18px rgba(11,103,189,.20)
}

/* CONTACT — white form + substantial blue station panel */
.contact-page .contact-grid{gap:18px;align-items:stretch}
.contact-page .contact-form-wrap{
  position:relative;overflow:hidden;
  border:1px solid #d4e5f5;
  background:linear-gradient(160deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 14px 32px rgba(16,42,79,.08)
}
.contact-page .contact-form-wrap:before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--gr17-blue),var(--gr17-cyan),var(--gr17-coral))
}
.contact-page .contact-form-wrap .small-kicker{color:var(--gr17-coral)}
.contact-page .contact-form-wrap h2{color:var(--gr17-navy);font-size:clamp(30px,2.7vw,43px)}
.contact-page .contact-form label{color:#173b6e;font-weight:800}
.contact-page .contact-form input,.contact-page .contact-form textarea{
  border:1px solid #cfe1f2!important;
  background:#f7fbff!important;
  color:#102a4f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)
}
.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{
  border-color:#4b9fe2!important;outline:2px solid rgba(21,151,238,.12)!important
}
.contact-page .contact-form button{
  border:0!important;color:#fff!important;
  background:linear-gradient(135deg,var(--gr17-blue),var(--gr17-cyan))!important;
  box-shadow:0 9px 20px rgba(11,103,189,.22)
}
.contact-page .contact-side{
  position:relative;overflow:hidden;border:0;color:#fff;
  background:
    radial-gradient(circle at 95% 0%,rgba(32,164,255,.38),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(255,103,72,.25),transparent 30%),
    linear-gradient(145deg,#061c43 0%,#0a3478 62%,#0d5caf 100%);
  box-shadow:0 16px 34px rgba(8,37,86,.15)
}
.contact-page .contact-side:after{
  content:"";position:absolute;right:-75px;bottom:-95px;width:250px;height:250px;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 42px rgba(255,255,255,.022),0 0 0 84px rgba(255,255,255,.015);pointer-events:none
}
.contact-page .contact-side .info-box{
  position:relative;z-index:1;
  border:1px solid rgba(255,255,255,.15)!important;
  background:rgba(255,255,255,.08)!important;
  border-radius:15px!important;
  padding:18px!important;
  box-shadow:none!important
}
.contact-page .contact-side .info-box + .info-box{margin-top:11px}
.contact-page .contact-side h3{color:#fff;margin-bottom:5px}
.contact-page .contact-side .info-box:nth-child(1) h3,.contact-page .contact-side .info-box:nth-child(3) h3{color:#ff9a7c}
.contact-page .contact-side .info-box:nth-child(2) h3,.contact-page .contact-side .info-box:nth-child(4) h3{color:#66c1ff}
.contact-page .contact-side p{color:#d7e5f5}
.contact-page .contact-side a{color:#fff!important;font-weight:850;text-decoration-color:rgba(255,255,255,.45)}

@media(max-width:820px){
  .about-page .about-listen-v8813{border-radius:18px}
  .contact-page .contact-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
  .about-page .about-grid-v31{gap:12px}
  .contact-page .contact-form-wrap,.contact-page .contact-side{border-radius:16px}
}