/* Client-requested page refinements. Fresh filename bypasses long CSS cache. */
body:is(.otia-section-about, .otia-route-about) .otia-story-byline {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin-bottom:1rem;
  padding:.58rem .82rem;
  border-radius:8px;
  border:1px solid rgba(255, 216, 107, .26);
  background:rgba(255, 216, 107, .12);
  color:#fff !important;
  font-family:'Montserrat', sans-serif;
  font-size:.9rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}

body:is(.otia-section-about, .otia-route-about) .otia-story-byline::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:8px;
  background:#ffd86b;
}

body.otia-section-team .otia-team-intro {
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

body.otia-section-team .otia-team-intro .otia-section-copy {
  margin:0 auto;
  color:rgba(234, 246, 255, .88) !important;
  font-size:clamp(1.05rem, 1.5vw, 1.28rem);
  line-height:1.8;
}

body.otia-section-team .otia-group-head {
  justify-content:center !important;
  text-align:center;
}

body.otia-section-team .otia-group-title {
  color:#fff !important;
}

body:is(.otia-section-blog, .otia-section-news) .otia-news-hero-search {
  border-radius:10px !important;
}

body:is(.otia-section-blog, .otia-section-news) .otia-news-hero-search :is(input, button) {
  border-radius:8px !important;
}

body:is(.otia-section-gallery, .otia-route-gallery) .otia-featured-empty-grid div {
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:10px !important;
}

body:is(.otia-section-gallery, .otia-route-gallery) .otia-featured-empty-grid strong {
  color:#fff !important;
}

body:is(.otia-section-gallery, .otia-route-gallery) .otia-featured-empty-grid span {
  color:rgba(234,246,255,.78) !important;
}

body.otia-inner-page .otia-events-empty-state {
  background:
    radial-gradient(600px 260px at 50% 0%, rgba(30,115,216,.22), transparent 68%),
    linear-gradient(180deg, rgba(8,48,79,.82), rgba(2,15,29,.95)) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:10px !important;
  box-shadow:0 18px 48px rgba(0,0,0,.22) !important;
}

body.otia-inner-page .otia-events-empty-state h2 {
  color:#fff !important;
}

body.otia-inner-page .otia-events-empty-state p {
  color:rgba(234,246,255,.82) !important;
}

/* Keep inner pages from stacking multiple galaxy photos below the hero. */
body.otia-inner-page :is(
  .otia-wrap,
  .otia-team,
  .otia-team-single,
  .otia-contact-section,
  .otia-jobs-wrap,
  .otia-blog-wrap,
  .page-blog,
  .page-gallery,
  .page-services,
  .page-faqs,
  .page-testimonial,
  .ocs-wrap,
  .ocs-products,
  .ocs-services,
  .section,
  .section-padding
) {
  background:
    radial-gradient(980px 540px at 14% 0%, rgba(22,94,174,.18), transparent 70%),
    radial-gradient(760px 440px at 88% 58%, rgba(51,139,210,.09), transparent 70%),
    linear-gradient(180deg, #031b33 0%, #031423 34%, #061f35 68%, #020d19 100%) !important;
}

body.otia-inner-page :is(
  .otia-wrap,
  .otia-team,
  .otia-team-single,
  .otia-contact-section,
  .otia-jobs-wrap,
  .otia-blog-wrap,
  .page-blog,
  .page-gallery,
  .page-services,
  .page-faqs,
  .page-testimonial,
  .ocs-wrap,
  .ocs-products,
  .ocs-services
)::before {
  background:
    linear-gradient(180deg, rgba(3,27,51,.28), transparent 210px),
    radial-gradient(900px 520px at 12% 18%, rgba(22,94,174,.14), transparent 68%),
    radial-gradient(760px 420px at 88% 72%, rgba(51,139,210,.08), transparent 68%) !important;
}

body.otia-inner-page :is(.otia-page-hero, .otia-contact-hero, .ocs-hero-lite)::after {
  height: 190px !important;
  background: linear-gradient(180deg, rgba(3,20,35,0), #031b33 66%, #031b33 100%) !important;
}

/* Softer depth prevents hard, pixel-like shadow edges over the galaxy fades. */
body.otia-inner-page :is(
  .otia-card,
  .otia-contact-card,
  .otia-team-card,
  .otia-team-section,
  .otia-team-summary,
  .otia-header-card,
  .otia-job-card,
  .otia-side-panel,
  .otia-detail-box,
  .otia-side-card,
  .otia-panel,
  .otia-panel-head,
  .otia-toolbar,
  .otia-gallery-item,
  .otia-stat,
  .otia-post-card,
  .post-item,
  .otia-result-card,
  .otia-main-card,
  .sponsor-frame,
  .ocs-widget,
  .ocs-card,
  .ocs-product-card,
  .ocs-callbox,
  .ocs-hero-intro,
  .ocs-catbar,
  .ocs-service-card,
  .ocs-feature,
  .ocs-steps,
  .ocs-faq-card,
  .card,
  .blog-item,
  .gallery-item,
  .service-item,
  .testimonial-item,
  .faq-item,
  .accordion-item,
  .search-result,
  .job-card,
  .otia-events-empty-state
) {
  box-shadow:
    0 18px 46px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

/* Contact page cards */
body:is(.otia-route-contact, .otia-section-contact) .otia-contact-shell {
  margin-top:-58px !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-card {
  position:relative !important;
  overflow:hidden !important;
  padding:clamp(1.45rem, 2.5vw, 2.15rem) !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:
    linear-gradient(145deg, rgba(8,48,79,.84), rgba(2,15,29,.96) 72%),
    radial-gradient(560px 280px at 18% 0%, rgba(51,139,210,.16), transparent 70%) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
  backdrop-filter:blur(14px);
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.16), transparent 34%, rgba(255,255,255,.08) 100%);
  opacity:.22;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-card > * {
  position:relative;
  z-index:1;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-info {
  background:
    linear-gradient(160deg, rgba(3,27,51,.94), rgba(5,31,53,.90) 48%, rgba(2,13,25,.98)),
    radial-gradient(480px 320px at 10% 0%, rgba(255,255,255,.10), transparent 70%) !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-card-kicker {
  display:inline-flex !important;
  align-items:center;
  gap:.48rem;
  padding:.48rem .68rem !important;
  margin-bottom:1rem !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  letter-spacing:.12em !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-card-kicker::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:3px;
  background:#ffd86b;
  box-shadow:0 0 16px rgba(255,216,107,.46);
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-card h2 {
  color:#fff !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-card p,
body:is(.otia-route-contact, .otia-section-contact) .otia-contact-point div,
body:is(.otia-route-contact, .otia-section-contact) .otia-contact-note {
  color:rgba(234,246,255,.80) !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-points {
  gap:14px !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-point {
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-point:hover {
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.26) !important;
  background:rgba(255,255,255,.105) !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-icon {
  width:42px !important;
  height:42px !important;
  border-radius:8px !important;
  background:linear-gradient(135deg, #033e65, #1e73d8) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-point strong,
body:is(.otia-route-contact, .otia-section-contact) .form-label {
  color:#fff !important;
}

body:is(.otia-route-contact, .otia-section-contact) .otia-contact-note {
  border-radius:10px !important;
  border:1px solid rgba(255,216,107,.24) !important;
  background:rgba(255,216,107,.10) !important;
}

body:is(.otia-route-contact, .otia-section-contact) #contactForm .form-control {
  min-height:54px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(2,14,27,.66) !important;
  color:#fff !important;
}

body:is(.otia-route-contact, .otia-section-contact) #contactForm .form-control:focus {
  border-color:rgba(255,255,255,.46) !important;
  background:rgba(2,14,27,.84) !important;
  box-shadow:0 0 0 .18rem rgba(30,115,216,.18) !important;
}

body:is(.otia-route-contact, .otia-section-contact) #contactSubmit {
  width:auto;
  min-width:180px;
  border-radius:8px !important;
  box-shadow:0 14px 32px rgba(0,0,0,.22) !important;
}

@media (max-width: 575.98px) {
  body:is(.otia-route-contact, .otia-section-contact) .otia-contact-shell {
    margin-top:-34px !important;
  }

  body:is(.otia-route-contact, .otia-section-contact) #contactSubmit {
    width:100%;
  }
}