/* ===== BASE ===== */
*{box-sizing:border-box;}
body{overflow-x:hidden;font-family:'DM Sans',sans-serif;}

/* ===== PAGES ===== */
.page{display:none;}
.page.active{display:block;}

/* ===== NAVBAR ===== */
#navbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);max-width:1260px;transition:all .35s cubic-bezier(.4,0,.2,1);z-index:1000;}
#navbar.scrolled{top:0;width:100%;max-width:100%;border-radius:0!important;padding-left:60px!important;padding-right:60px!important;}
#hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;background:none;border:none;z-index:1100;flex-shrink:0;}
#hamburger span{display:block;width:24px;height:2.5px;background:#0d1b3e;border-radius:2px;transition:all .3s ease;}
#mobile-nav{display:none;position:fixed;inset:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(16px);z-index:1050;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
#mobile-nav.open{display:flex;}
#mobile-nav a{font-size:1.5rem;font-weight:800;color:#0d1b3e;text-decoration:none;transition:color .2s;cursor:pointer;}
#mobile-nav a:hover{color:#2563eb;}
#mob-close{position:absolute;top:24px;right:24px;font-size:2rem;color:#0d1b3e;cursor:pointer;background:none;border:none;line-height:1;}
.nav-link{cursor:pointer;display:inline-block;}

/* ===== SHARED HERO ===== */
.hero-bg{background-image:url('./images/hero-bg.png');background-repeat:no-repeat;background-position:right center;background-size:cover;position:relative;overflow:hidden;}
.hero-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,29,.65) 0%,rgba(7,11,29,.4) 40%,rgba(7,11,29,.08) 100%);z-index:1;}
.hero-bg h1{color:#fff;text-shadow:0 16px 40px rgba(0,0,0,.35);}
.hero-bg p{color:rgba(255,255,255,.84);}
.hero-bg .text-brand{color:#7f9cff;}
.hero-subtitle{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#8ab7ff;margin-bottom:18px;position:relative;z-index:2;}
.hero-heading{font-size:clamp(2.8rem,5vw,4.8rem);line-height:0.98;font-weight:800;color:#fff;margin-bottom:24px;position:relative;z-index:2;}
.hero-copy{font-size:1rem;line-height:1.8;max-width:540px;color:rgba(255,255,255,.82);margin-bottom:32px;position:relative;z-index:2;}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;position:relative;z-index:2;margin-bottom:28px;}
.hero-actions .btn-secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);color:#fff;}
.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:rgba(255,255,255,.82);position:relative;z-index:2;}
.hero-trust .trust-badge{display:flex;align-items:center;gap:-10px;}
.hero-trust .trust-badge span{width:42px;height:42px;border:2px solid rgba(255,255,255,.22);border-radius:9999px;background:rgba(255,255,255,.12);}
.hero-bg-alt{background:linear-gradient(145deg,#b8d8ea 0%,#c8e2f0 25%,#d8ecf6 55%,#e8f4fb 80%,#f2f8fd 100%);position:relative;overflow:hidden;}
#network-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;}

.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.55);border:1px solid rgba(255,255,255,0.85);border-radius:50px;padding:6px 18px;font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#0d1b3e;margin-bottom:22px;backdrop-filter:blur(8px);}
.hero-pill-dot{width:8px;height:8px;border-radius:50%;background:#2563eb;flex-shrink:0;box-shadow:0 0 8px rgba(37,99,235,0.8);}

/* ===== SECTION LABELS ===== */
.section-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#2563eb;margin-bottom:18px;}
.section-label::before,.section-label::after{content:'';display:block;width:32px;height:1.5px;background:#2563eb;border-radius:2px;opacity:.6;}
.section-label-left{justify-content:flex-start;}
.section-label-left::before,.section-label-left::after{display:none;}

/* ===== HOME PAGE ===== */
.about-img-clip-right{width:100%;height:100%;overflow:hidden;border-radius:120px 0 0 120px;position:relative;}
.about-img-clip-right::before{content:'';position:absolute;top:0;left:0;width:180px;height:180px;background:#fff;border-radius:120px 0 100% 0;z-index:2;}
.stripe-accent-left{position:absolute;top:30px;left:28px;width:80px;height:60px;background:repeating-linear-gradient(45deg,#2563eb,#2563eb 2px,transparent 2px,transparent 9px);opacity:.3;border-radius:8px;z-index:9;}

/* ===== CARDS ===== */
.img-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,0.08);transition:transform .3s,box-shadow .3s;}
.img-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(37,99,235,0.13);}
.img-card .card-img{position:relative;height:200px;overflow:hidden;}
.img-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.img-card:hover .card-img img{transform:scale(1.06);}
.img-card .card-badge{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:6px;background:rgba(13,27,62,0.82);backdrop-filter:blur(6px);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:50px;}
.img-card .card-body{padding:22px 24px 24px;}
.img-card .card-body h3{font-size:1rem;font-weight:700;color:#0d1b3e;margin-bottom:8px;line-height:1.3;}
.img-card .card-body p{font-size:.85rem;color:#4a5568;line-height:1.7;margin-bottom:16px;}
.card-link{transition:background .2s,color .2s,border-color .2s,transform .15s;text-decoration:none;}
.card-link:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-2px);}

/* ===== INDUSTRY PAGE ===== */
.filter-btn{padding:8px 20px;border-radius:50px;font-size:.83rem;font-weight:700;border:1.5px solid #e5e7eb;background:#fff;color:#4a5568;cursor:pointer;transition:all .2s;}
.filter-btn.active,.filter-btn:hover{background:#2563eb;color:#fff;border-color:#2563eb;}
.ind-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 4px 24px rgba(0,0,0,.07);transition:transform .35s,box-shadow .35s;border:1px solid rgba(37,99,235,.09);}
.ind-card:hover{transform:translateY(-8px);box-shadow:0 28px 56px rgba(37,99,235,.12);}
.ind-img{position:relative;overflow:hidden;}
.ind-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s;}
.ind-card:hover .ind-img img{transform:scale(1.07);}
.sector-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(37,99,235,.85);border-radius:50px;padding:4px 14px;font-size:.69rem;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;}
.ind-card.hidden-card{display:none;}

/* ===== RESEARCH PAGE ===== */
.stat-block{background:#fff;border-radius:18px;padding:28px 24px;border:1px solid rgba(37,99,235,.10);}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.feature-row.reverse{direction:rtl;}
.feature-row.reverse>*{direction:ltr;}
.parallax-img{border-radius:24px;overflow:hidden;position:relative;}
.parallax-img img{width:100%;height:480px;object-fit:cover;display:block;}
.tag-pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;padding:5px 14px;font-size:.69rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;width:fit-content;}

/* ===== COMMUNITY PAGE ===== */
.stat-card{background:white;border:1px solid rgba(37,99,235,.10);border-radius:18px;padding:24px 20px;text-align:center;transition:transform .3s,box-shadow .3s;}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(37,99,235,.10);}
.pillar-card{transition:transform .35s,box-shadow .35s;border:1px solid rgba(37,99,235,.09);}
.pillar-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px rgba(37,99,235,.12);}
.pillar-img img{transition:transform .6s;}
.pillar-card:hover .pillar-img img{transform:scale(1.07);}
.pillar-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(37,99,235,.85);border-radius:50px;padding:4px 14px;font-size:.69rem;font-weight:700;color:#fff;}
.mission-card{transition:transform .35s,box-shadow .35s,border-color .3s;}
.mission-card:hover{transform:translateY(-8px);box-shadow:0 24px 56px rgba(37,99,235,.12);border-color:rgba(37,99,235,.28)!important;}
.mission-card:hover .mission-icon{transform:scale(1.15) rotate(-5deg);background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}
.mission-icon{transition:transform .4s,background .3s,color .3s;}
.life-img{overflow:hidden;border-radius:24px;position:relative;}
.life-img img{transition:transform .6s;transform:scale(1.05);display:block;width:100%;height:400px;object-fit:cover;}
.life-img:hover img{transform:scale(1.10);}
.quote-block{border-left:3px solid #2563eb;padding-left:1.4rem;}

/* ===== JOIN US PAGE ===== */
.value-card{transition:transform .35s,box-shadow .35s;}
.value-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(37,99,235,.12);}
.value-card:hover .value-icon{transform:scale(1.15) rotate(-5deg);background:linear-gradient(135deg,#2563eb,#60a5fa)!important;color:#fff!important;}
.value-icon{transition:transform .4s,background .3s,color .3s;}
.step-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#60a5fa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.1rem;box-shadow:0 8px 24px rgba(37,99,235,.30);flex-shrink:0;position:relative;z-index:1;}
.step-line{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:linear-gradient(90deg,#2563eb,#60a5fa);opacity:.25;}
.form-input{width:100%;padding:.9rem 1.1rem;background:#f7f9fc;border:1.5px solid #e5e7eb;border-radius:12px;font-family:'DM Sans',sans-serif;font-size:.92rem;color:#0d1b3e;outline:none;transition:border-color .25s,background .25s,box-shadow .25s;}
.form-input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.10);}
.form-input::placeholder{color:#adb5bd;}
.drop-zone{border:2px dashed #d1d5db;border-radius:14px;padding:2rem;text-align:center;cursor:pointer;transition:border-color .25s,background .25s;background:#fafafa;}
.drop-zone:hover,.drop-zone.drag-over{border-color:#2563eb;background:rgba(37,99,235,.04);}
.form-card{box-shadow:0 24px 80px rgba(37,99,235,.10);}
#joinus-success-msg{display:none;}

/* ===== CONTACT PAGE ===== */
.info-card{background:#fff;border-radius:20px;padding:28px 30px;box-shadow:0 4px 24px rgba(0,0,0,.07);transition:transform .3s,box-shadow .3s;}
.info-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(37,99,235,.10);}
.info-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;}
.contact-form-card{background:#fff;border-radius:24px;box-shadow:0 24px 80px rgba(37,99,235,.10);padding:44px;}
#contact-success-msg{display:none;}

/* ===== ABOUT PAGE ===== */
.about-stat-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 24px rgba(0,0,0,.07);text-align:center;transition:transform .3s,box-shadow .3s;}
.about-stat-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(37,99,235,.12);}
.why-card{background:#f7f9fc;border-radius:18px;padding:28px;border:1.5px solid #e8edf5;transition:transform .3s,border-color .3s,box-shadow .3s;}
.why-card:hover{transform:translateY(-5px);border-color:#2563eb;box-shadow:0 16px 36px rgba(37,99,235,.09);}
.why-icon-box{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .3s;}
.why-card:hover .why-icon-box{background:linear-gradient(135deg,#2563eb,#60a5fa);}
.why-card:hover .why-icon-box svg{stroke:#fff;}

/* ===== FOOTER ===== */
.footer-label{display:flex;align-items:center;gap:10px;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#93c5fd;margin-bottom:18px;}
.subscribe-row{display:flex;align-items:center;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:28px;}
.subscribe-row input{flex:1;padding:12px 16px;font-size:.85rem;color:#0d1b3e;background:transparent;border:none;outline:none;font-family:'DM Sans',sans-serif;}
.subscribe-row button{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#60a5fa);border:none;margin:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:transform .2s;flex-shrink:0;}
.subscribe-row button:hover{transform:scale(1.1);}
.social-icon{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);text-decoration:none;transition:all .2s;}
.social-icon:hover{background:linear-gradient(135deg,#2563eb,#60a5fa);border-color:transparent;color:#fff;transform:translateY(-3px);}
footer{background-color:#0d1117;}

/* ===== REVEAL ANIMATIONS ===== */
.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:none;}
.reveal-left{opacity:0;transform:translateX(-50px);transition:opacity .8s ease,transform .8s ease;}
.reveal-left.visible{opacity:1;transform:none;}
.reveal-right{opacity:0;transform:translateX(50px);transition:opacity .8s ease,transform .8s ease;}
.reveal-right.visible{opacity:1;transform:none;}

/* ===== SCROLL UP ===== */
.scroll-up{position:fixed;bottom:30px;right:30px;width:42px;height:42px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 18px rgba(37,99,235,.4);cursor:pointer;opacity:0;transition:opacity .3s,transform .2s;z-index:999;color:#fff;font-size:1rem;}
.scroll-up.visible{opacity:1;}
.scroll-up:hover{transform:translateY(-3px);}

/* ===== RESPONSIVE ===== */
@media(max-width:900px){
  #hamburger{display:flex!important;}
  #navbar ul{display:none!important;}
  #navbar{width:calc(100% - 24px)!important;top:10px!important;padding:8px 14px!important;}
  #navbar.scrolled{top:0!important;width:100%!important;border-radius:0!important;padding-left:14px!important;padding-right:14px!important;}

  .hero-bg{min-height:auto!important;height:auto!important;padding-top:100px!important;padding-bottom:60px!important;}
  .hero-bg > div {max-width: 100% !important; padding-left: 24px !important; padding-right: 24px !important;}
  .hero-text-col {max-width: 100% !important;}
  .hero-bg-alt{min-height:auto!important;padding-top:110px!important;padding-bottom:50px!important;}
  #about{padding:60px 24px!important;min-height:auto!important;}
  #about > div {flex-direction:column!important; gap:40px!important;}
  .about-text{max-width:100%!important;padding-right:0!important;}
  .about-image{display:none!important;}
  .grid.grid-cols-3,.grid.grid-cols-4{grid-template-columns:1fr!important;}
  .grid.grid-cols-2{grid-template-columns:1fr!important;}
  .feature-row{grid-template-columns:1fr!important;gap:2rem!important;}
  .feature-row.reverse{direction:ltr!important;}
  .px-\[60px\]{padding-left:20px!important;padding-right:20px!important;}
  .px-\[80px\]{padding-left:20px!important;padding-right:20px!important;}
  section.py-\[100px\]{padding-top:60px!important;padding-bottom:60px!important;}
  footer div[style*="grid-template-columns"]{grid-template-columns:1fr!important;gap:32px!important;}
  footer .flex.items-center.justify-between{flex-direction:column!important;gap:10px!important;text-align:center!important;}
  footer div[style*="80px"]{padding-left:20px!important;padding-right:20px!important;}
  .step-line{display:none!important;}
  .contact-form-card{padding:28px 22px!important;}
  .grid.grid-cols-2.gap-16{grid-template-columns:1fr!important;gap:2.5rem!important;}
  .grid.grid-cols-2.gap-20{grid-template-columns:1fr!important;gap:2rem!important;}
}
@media(max-width:480px){
  h1{font-size:clamp(1.7rem,7vw,2.4rem)!important;}
  h2{font-size:clamp(1.4rem,6vw,1.9rem)!important;}
}

/* ===== MODAL ===== */
#modal-overlay{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;padding:20px;}
#modal-overlay.open{display:flex;}
.modal-backdrop{position:absolute;inset:0;background:rgba(13,27,62,0.65);backdrop-filter:blur(8px);}
.modal-box{position:relative;z-index:1;background:#fff;border-radius:28px;max-width:680px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 100px rgba(13,27,62,0.25);animation:modalPop .32s cubic-bezier(.34,1.46,.64,1);}
@keyframes modalPop{from{opacity:0;transform:scale(0.88) translateY(28px);}to{opacity:1;transform:scale(1) translateY(0);}}
.modal-hero{position:relative;height:230px;overflow:hidden;border-radius:28px 28px 0 0;flex-shrink:0;}
.modal-hero img{width:100%;height:100%;object-fit:cover;display:block;}
.modal-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 30%,rgba(13,27,62,0.78));}
.modal-badge-tag{position:absolute;bottom:16px;left:20px;display:inline-flex;align-items:center;gap:6px;background:rgba(37,99,235,0.92);border-radius:50px;padding:5px 16px;font-size:.71rem;font-weight:700;color:#fff;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(4px);}
.modal-close-btn{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.18);backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;transition:background .2s;z-index:10;line-height:1;}
.modal-close-btn:hover{background:rgba(255,255,255,0.35);}
.modal-content{padding:30px 36px 36px;}
.modal-content-tag{display:inline-flex;align-items:center;gap:5px;background:#eff6ff;color:#2563eb;border-radius:50px;padding:4px 14px;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:14px;}
.modal-content h2{font-size:1.48rem;font-weight:800;color:#0d1b3e;margin:0 0 12px;line-height:1.2;}
.modal-intro{font-size:.93rem;color:#4a5568;line-height:1.82;margin-bottom:18px;}
.modal-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:9px;}
.modal-list li{font-size:.9rem;color:#374151;display:flex;align-items:flex-start;gap:10px;line-height:1.62;}
.modal-list li::before{content:"\2713";color:#2563eb;font-weight:900;flex-shrink:0;margin-top:1px;}
.modal-closing-text{font-size:.9rem;color:#6b7280;line-height:1.75;margin-bottom:24px;font-style:italic;border-left:3px solid #dbeafe;padding-left:14px;}
.modal-action-btn{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;border-radius:50px;padding:13px 30px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:background .2s,transform .2s;font-family:'DM Sans',sans-serif;box-shadow:0 6px 20px rgba(37,99,235,.28);}
.modal-action-btn:hover{background:#1d4ed8;transform:translateY(-2px);}
@media(max-width:640px){.modal-box{border-radius:20px;max-height:94vh;}.modal-hero{height:180px;border-radius:20px 20px 0 0;}.modal-content{padding:20px 20px 28px;}.modal-content h2{font-size:1.25rem;}}

/* ===== FOOTER RESPONSIVE ===== */
@media(max-width:900px){
  footer > div[style*="padding:60px 80px"]{padding:44px 20px 36px!important;}
  footer > div[style*="display:grid"]{grid-template-columns:1fr!important;gap:32px!important;padding:40px 20px!important;}
  footer > div[style*="justify-content:space-between"]{flex-direction:column!important;align-items:flex-start!important;padding:14px 20px!important;gap:8px!important;}
}

/* ===== HERO ANIMATIONS & SCROLL INDICATOR ===== */
@keyframes heroFadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-animate-fade {
  animation: heroFadeInUp 0.9s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.delay-1 { animation-delay: 0.18s; }
.delay-2 { animation-delay: 0.36s; }
.delay-3 { animation-delay: 0.54s; }

/* ===== DYAU PAGE DEEP TECH STYLING ===== */
.bg-dark-tech {
  background-color: #020203;
}
.text-glow {
  text-shadow: 0 0 20px rgba(255,255,255,0.15);
}

@keyframes pulse-slow {
  0%, 100% { opacity: 0.12; transform: scale(1); }
  50% { opacity: 0.20; transform: scale(1.1); }
}
.animate-pulse-slow {
  animation: pulse-slow 8s ease-in-out infinite;
}

@keyframes glow-drift-x {
  0% { transform: translate(-10%, -10%) scale(1); }
  50% { transform: translate(15%, 5%) scale(1.15); }
  100% { transform: translate(-10%, -10%) scale(1); }
}
.animate-glow-drift-x {
  animation: glow-drift-x 15s ease-in-out infinite;
}

.bg-gradient-brand {
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 50%, #ef4444 100%);
}

.btn-dark-gradient-border {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #fff;
  transition: all 0.3s ease;
}
.btn-dark-gradient-border::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(135deg, #3b82f6, #ef4444);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.btn-dark-gradient-border:hover::before {
  opacity: 1;
}
.btn-dark-gradient-border:hover {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 25px rgba(59, 130, 246, 0.2);
}

/* ===== NAV LINK ACTIVE HIGHLIGHT ===== */
.nav-link.active-nav-link:not(.bg-brand) {
  color: #2563eb !important;
  font-weight: 700 !important;
  position: relative;
}
.nav-link.active-nav-link:not(.bg-brand)::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 12px;
  right: 12px;
  height: 3px;
  background-color: #2563eb;
  border-radius: 99px;
  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.4);
}