/* Critical CSS — above-the-fold layout before Bootstrap loads */
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;background:var(--color-bg,#040c0f);color:var(--color-text,#c8d6e0);-webkit-font-smoothing:antialiased}
.container{width:100%;max-width:1200px;margin:0 auto;padding-left:1rem;padding-right:1rem}
.row{display:flex;flex-wrap:wrap;margin-left:-0.75rem;margin-right:-0.75rem}
.row>*{padding-left:0.75rem;padding-right:0.75rem}
.col-lg-6{width:100%}
.d-flex{display:flex}
.d-none{display:none!important}
.flex-column{flex-direction:column}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.text-center{text-align:center}
.mb-3{margin-bottom:1rem}
.mb-4{margin-bottom:1.5rem}
.mt-4{margin-top:1.5rem}
.gap-2{gap:0.5rem}
.gap-3{gap:1rem}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
@media(min-width:992px){.col-lg-6{width:50%}.d-lg-flex{display:flex!important}.d-lg-none{display:none!important}.d-lg-block{display:block!important}}
@media(min-width:768px){.col-md-4{width:33.333%}.col-md-3{width:25%}.d-md-block{display:block!important}}
