/* Site-wide space background: fixed looping Earth-from-space video + dark glass theme */
:root{
  --primary-color:#8fdcd2;
  --p-color:rgba(255,255,255,.78);
  --section-bg-color:rgba(3,12,26,.42);
  --link-hover-color:#ffffff;
  --glass-bg:rgba(8,22,44,.45);
  --glass-border:rgba(255,255,255,.16);
}
html{background:#030b16}
body{background:transparent!important;color:#fff;position:relative}

.site-space-bg{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#0b3a6b 0%,#04152b 55%,#020812 100%)}
.site-space-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(2,8,18,.25),rgba(2,8,18,.55))}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{color:#fff}
p,li,dd,dt,label,small,.text-muted{color:var(--p-color)!important}
a{color:#8fdcd2}
a:hover{color:#fff}
.text-dark,.text-black{color:#fff!important}
.text-secondary{color:rgba(255,255,255,.7)!important}

/* sections: transparent so the video shows through */
.section-bg,.about-section,.explore-section,.timeline-section,.contact-section,.featured-section,.section-padding,[style*="--section-bg-color"]{background-color:transparent!important;background-image:none!important}
.section-bg,[style*="--section-bg-color"]{background-color:rgba(3,12,26,.38)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.section-overlay{background-image:linear-gradient(to bottom,rgba(3,10,22,.94) 0%,rgba(3,10,22,.7) 40%,rgba(3,10,22,0) 85%)!important;opacity:1!important;border-radius:inherit}

/* hero / page headers: drop the teal gradient */
.hero-section,.site-header{background-image:linear-gradient(to bottom,rgba(2,8,18,.15),rgba(2,8,18,.35))!important;background-color:transparent!important}
.hero-section h1,.hero-section h2,.site-header h1,.site-header h2{color:#fff}
.hero-section .text-white,.hero-section h6{color:#bff3ec!important}

/* nav */
.navbar{border-bottom-color:rgba(255,255,255,.18)}
.sticky-wrapper.is-sticky .navbar{background-color:rgba(4,14,30,.72)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.navbar-brand,.navbar-brand span{color:#fff!important}
.dropdown-menu{background:rgba(6,18,38,.92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border)}
.dropdown-item{color:rgba(255,255,255,.85)!important}
.dropdown-item:hover,.dropdown-item.active{background:rgba(143,220,210,.18)!important;color:#fff!important}
.navbar-toggler{border-color:rgba(255,255,255,.5)}
.navbar-toggler-icon{filter:invert(1)}
@media(max-width:991.98px){.navbar-collapse{background:rgba(4,14,30,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;padding:8px 12px;margin-top:8px}}

/* cards & panels -> glass */
.custom-block,.card,.accordion-item,.list-group-item,.modal-content,.bg-white,.custom-block-bg,.profile-block,.contact-form,.table{background-color:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}
.custom-block:hover{background-color:rgba(143,220,210,.22)!important}
.custom-block-overlay,.custom-block-overlay-text,.custom-block .bg-white{background:transparent!important;border:0!important;box-shadow:none}
.custom-block h5,.custom-block h5 a,.custom-block a{color:#fff}
.card-body,.card-text{color:#fff}
.bg-light,.bg-body,.bg-body-tertiary{background-color:var(--glass-bg)!important}
.table>:not(caption)>*>*{background-color:transparent;color:#fff;border-color:var(--glass-border)}
.border,.border-bottom,.border-top,hr{border-color:var(--glass-border)!important}

/* tabs */
.nav-tabs{border-bottom-color:var(--glass-border)}
.nav-tabs .nav-link{color:rgba(255,255,255,.75)!important;background:transparent!important;border:0;border-bottom:2px solid transparent}
.nav-tabs .nav-link:hover{color:#fff!important}
.nav-tabs .nav-link.active{color:#8fdcd2!important;border-bottom-color:#8fdcd2!important}

/* forms */
.form-control,.form-select,.input-group-text,textarea,input,select{background-color:rgba(255,255,255,.08)!important;border:1px solid var(--glass-border)!important;color:#fff!important}
.form-control::placeholder,textarea::placeholder,input::placeholder{color:rgba(255,255,255,.55)!important}
.form-control:focus{background-color:rgba(255,255,255,.14)!important;box-shadow:0 0 0 .2rem rgba(143,220,210,.25)!important}
.hero-section .input-group{background:rgba(8,22,44,.55)!important;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-section .input-group-text,.hero-section input[type="search"]{background:transparent!important;border:0!important}

/* timeline */
.timeline-container .vertical-scrollable-timeline li p,.timeline-container .vertical-scrollable-timeline li h4,.timeline-container .vertical-scrollable-timeline li h5{color:#fff}
.timeline-container .vertical-scrollable-timeline .list-progress{background:rgba(255,255,255,.18)}

/* inline accent colours that were dark-on-light */
[style*="color: var(--primary-color)"],[style*="color:var(--primary-color)"]{color:#8fdcd2!important}
[style*="color:#17A398"]{color:#8fdcd2!important}

/* footer */
.site-footer{background:rgba(2,9,20,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.site-footer-title{color:#8fdcd2}
.site-footer-link,.site-footer a{color:rgba(255,255,255,.78)}
.site-footer-link:hover,.site-footer a:hover{color:#fff}
.site-footer .dropdown-toggle{color:#fff}

@media(prefers-reduced-motion:reduce){.site-space-bg{display:none}}