 /* ── Base ────────────────────────────────── */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 html {
     scroll-behavior: smooth;
 }

 body {
     font-family: 'Inter', sans-serif;
     background-color: #071224;
     color: #e2e8f0;
     overflow-x: hidden;
 }

 /* ── Glass Effect ────────────────────────── */
 .glass {
     background: rgba(10, 26, 51, 0.8);
     backdrop-filter: blur(16px);
     -webkit-backdrop-filter: blur(16px);
     border: 1px solid rgba(91, 161, 238, 0.08);
 }

 .glass-card {
     background: rgba(15, 63, 116, 0.25);
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border: 1px solid rgba(91, 161, 238, 0.1);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .glass-card:hover {
     border-color: rgba(91, 161, 238, 0.35);
     box-shadow: 0 0 30px rgba(91, 161, 238, 0.1);
     transform: translateY(-4px);
 }

 /* ── Glow Effects ────────────────────────── */
 .glow-accent {
     box-shadow: 0 0 20px rgba(91, 161, 238, 0.25), 0 0 60px rgba(91, 161, 238, 0.1);
 }

 .text-glow {
     text-shadow: 0 0 20px rgba(37, 101, 172, 0.5);
 }

 /* ── Gradient Button ─────────────────────── */
 .btn-accent {
     background: linear-gradient(135deg, #5ba1ee 0%, #2565ac 100%);
     color: #ffffff;
     font-weight: 700;
     transition: all 0.3s ease;
 }

 .btn-accent:hover {
     transform: scale(1.05);
     box-shadow: 0 0 30px rgba(37, 101, 172, 0.5);
 }

 .btn-outline {
     border: 2px solid rgba(91, 161, 238, 0.5);
     color: #5ba1ee;
     transition: all 0.3s ease;
 }

 .btn-outline:hover {
     background: rgba(91, 161, 238, 0.1);
     border-color: #5ba1ee;
     box-shadow: 0 0 20px rgba(91, 161, 238, 0.2);
 }

 /* ── Electric Line ───────────────────────── */
 .electric-line {
     height: 2px;
     background: linear-gradient(90deg, transparent, #5ba1ee, #2565ac, transparent);
 }

 /* ── Section Dividers ────────────────────── */
 .diagonal-top {
     clip-path: polygon(0 8%, 100% 0, 100% 100%, 0 100%);
 }

 .diagonal-bottom {
     clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
 }

 /* ── Nav Active ──────────────────────────── */
 .nav-link {
     position: relative;
 }

 .nav-link::after {
     content: '';
     position: absolute;
     bottom: -4px;
     left: 0;
     width: 0;
     height: 2px;
     background: #5ba1ee;
     transition: width 0.3s ease;
 }

 .nav-link:hover::after,
 .nav-link.active::after {
     width: 100%;
 }

 .nav-link.active {
     color: #5ba1ee;
 }

 /* ── Mobile Menu ─────────────────────────── */
 .mobile-menu {
     transform: translateX(100%);
     transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .mobile-menu.open {
     transform: translateX(0);
 }

 .mobile-overlay {
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.4s ease;
 }

 .mobile-overlay.open {
     opacity: 1;
     pointer-events: auto;
 }

 /* ── Scroll Animation ────────────────────── */
 .fade-up {
     opacity: 0;
     transform: translateY(30px);
     transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .fade-up.visible {
     opacity: 1;
     transform: translateY(0);
 }

 /* ── Section Backgrounds ─────────────────── */
 .bg-light-section {
     background: linear-gradient(180deg, #0a1a33 0%, #0f2d54 100%);
 }

 .bg-dark-section {
     background: #071224;
 }

 .bg-white-section {
     background: #ffffff;
 }

 .bg-whitesmoke-section {
     background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
 }

 /* ── Light Section Overrides ─────────────── */
 .bg-white-section .glass-card,
 .bg-whitesmoke-section .glass-card {
     background: rgba(255, 255, 255, 0.6);
     border: 1px solid rgba(15, 63, 116, 0.1);
     box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
 }

 .bg-white-section .glass-card:hover,
 .bg-whitesmoke-section .glass-card:hover {
     border-color: rgba(37, 101, 172, 0.35);
     box-shadow: 0 8px 40px rgba(15, 63, 116, 0.1);
     transform: translateY(-4px);
 }

 .light-text-heading {
     color: #0f3f74;
 }

 .light-text-body {
     color: #475569;
 }

 .light-text-muted {
     color: #64748b;
 }