/* --------------------------------------------------------------------------
                                  GENERAL
-------------------------------------------------------------------------- */
@import "../vendor/bootstrap-icons/font/bootstrap-icons.min-5BD67CJ.css";
@import "app/partials/_footer-Po3FZeQ.css";
@import "app/partials/_navbar-5PHXY2l.css";
/* --------------------------------------------------------------------------
                                  VARIABLES
-------------------------------------------------------------------------- */
/* ── Reset & Base ─────────────────────────────── */
:root {
    --navy:         #051937;
    --navy-light:   #0a2550;
    --navy-mid:     #0d1e3a;
    --cyan:         #00C2FF;
    --cyan-dim:     rgba(0, 194, 255, 0.15);
    --cyan-glow:    rgba(0, 194, 255, 0.4);
    --silver:       #E5E7EB;
    --white:        #FFFFFF;
    --card-bg:      #0b1c36;
    --card-border:  rgba(0, 194, 255, 0.12);
    --blur-overlay: rgba(5, 25, 55, 0.85);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    background: var(--navy);
    font-family: 'Inter', sans-serif;
    color: var(--silver);
    overflow-x: hidden;
}

/* Responsive */
@media (max-width: 575.98px) {
    .btn-primary-mobex,
    .btn-outline-mobex { font-size: 0.82rem; padding: 12px 20px; }
}