/* Support page blue hero — aligned with shared top-card system. */
.support-page .app-header{margin-bottom:12px!important}
.support-hero{
  position:relative;overflow:hidden;margin:0 0 16px;padding:24px 28px 20px;border-radius:20px;
  background:linear-gradient(135deg,#075ecf 0%,#0a67d8 55%,#0b72e7 100%);color:#fff;
  box-shadow:0 8px 24px rgba(17,24,39,.045)
}
.support-hero::before,.support-hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none}
.support-hero::before{width:260px;height:260px;right:-82px;top:-126px;background:rgba(255,255,255,.08)}
.support-hero::after{width:185px;height:185px;left:-78px;bottom:-118px;background:rgba(255,255,255,.055)}
.support-hero-content{position:relative;z-index:1;max-width:620px}
.support-hero h2{margin:0 0 7px;color:#fff;font-size:24px;line-height:1.15;letter-spacing:-.02em}
.support-hero p{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.55}
.support-hero p strong{color:#fff;font-weight:800}
.support-options-card{margin-top:0}
.support-options-card .site-info-list{margin-top:0}

@media(max-width:640px){
  .support-page .app-header{margin-bottom:8px!important}
  .support-hero{padding:20px 20px 17px;border-radius:20px}
  .support-hero h2{font-size:22px}
  .support-hero p{font-size:12px}
}