:root{
  --primary:#1363DF;
  --primary-2:#47B5FF;
  --dark:#0C2443;
  --muted:#6b7b93;
  --bg:#f7fafc;
  --radius:18px;
}
html,body{font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji'; color:#0f172a;}
a{color:#1363DF}
a:hover{color:#0d4db1}
.navbar{box-shadow:0 10px 30px rgba(16,24,40,.04);}
.nav-link{font-weight:600}
.btn-primary{background:var(--primary);border-color:var(--primary);}
.btn-primary:hover{background:#0d4db1;border-color:#0d4db1}
.btn-outline-primary{border-color:var(--primary);color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);color:#fff}

/* Layout spacing — consistent vertical rhythm */
.section{padding:4rem 0;}
.section + .section{border-top:1px solid #eef2f7;}
.section--separator{padding:1.25rem 0;}
.hero{padding:5rem 0 4rem; background: radial-gradient(1200px 600px at 10% 10%, rgba(19,99,223,.10), transparent 60%), radial-gradient(1200px 600px at 90% 10%, rgba(71,181,255,.12), transparent 60%), linear-gradient(180deg, #ffffff 0%, #f6fbff 100%);}
.hero--home{  background: radial-gradient(1200px 600px at 10% 10%, rgba(19,99,223,0.08), transparent 60%),
              radial-gradient(1200px 600px at 90% 10%, rgba(71,181,255,0.10), transparent 60%),
              linear-gradient(120deg, #ffffff, #f6fbff, #eaf7ff) !important; padding-top:6rem; padding-bottom:4rem; animation: gradientMove 3s ease infinite;}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.page-header {
  padding: 3.5rem 0;
  background: linear-gradient(-45deg, #e6f0ff, #f6fbff, #ffffff, #e9eef5);
  background-size: 400% 400%;
  animation: gradientShift 12s ease infinite;
  border-bottom: 1px solid #d6dee9;
}

/* Smooth glowing gradient animation */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}



.page-title{font-weight:800;letter-spacing:-.02em; margin:0;}
.section-title{font-weight:800;letter-spacing:-.02em}

/* Components */
.glass{background:rgba(255,255,255,.6); backdrop-filter: blur(12px); border:1px solid rgba(255,255,255,.6); border-radius: var(--radius); box-shadow: 0 10px 30px rgba(13,77,177,.10);}
.card {
  border: 1px solid #eef2f7;
  border-radius: var(--radius);
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card-body  h5{
margin-bottom: 0;
}
.icon-badge{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg, #e9f3ff, #ffffff); box-shadow: inset 0 0 0 1px #d8e7ff;}
.lead{color:#334155}
.bg-soft{background:#f2f7ff}
.bg-dark-900{background:var(--dark);color:#e2e8f0}
.shadow-soft{box-shadow:0 12px 40px rgba(2, 6, 23, .08)}
.rounded-2xl{border-radius:1.25rem}
.list-checked li{margin-bottom:.5rem;list-style: none;}
.list-checked i{color:#12b981;margin-right:.5rem}

/* Footer links */
footer a{color:#cfe5ff;text-decoration:none}
footer a:hover{text-decoration:underline}

/* Helpers */
.stat{font-size:2rem;font-weight:800}

/* Ensure content never hides under sticky navbar when using in-page anchors (future-proof) */
:target::before{content:'';display:block;height:80px;margin:-80px 0 0}