:root{
  --ink:#07182e;
  --ink-2:#0b2d53;
  --blue:#1a8fd1;
  --cyan:#6ad3ff;
  --violet:#8b7cff;
  --mint:#5de0be;
  --paper:#f7fbff;
  --white:#ffffff;
  --text:#142337;
  --muted:#718096;
  --line:rgba(7,24,46,.10);
  --soft:#eef7fd;
  --shadow:0 30px 80px rgba(7,24,46,.16);
  --shadow-soft:0 18px 45px rgba(7,24,46,.10);
  --radius-xl:36px;
  --radius-lg:26px;
  --radius-md:18px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 10%, rgba(106,211,255,.08), transparent 22%),
    radial-gradient(circle at 90% 25%, rgba(139,124,255,.06), transparent 20%),
    var(--paper);
  font-family:"Manrope",system-ui,sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.section{padding:104px 0}
/* .section-compact{padding:78px 0} */
.container-xxl-custom{max-width:1400px}
.kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.5rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#b9ebff;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.73rem;
  font-weight:900;
}
.kicker-dark{
  background:linear-gradient(135deg,rgba(26,143,209,.10),rgba(139,124,255,.08));
  border-color:rgba(26,143,209,.15);
  color:#166f9e;
}
.display-serif{
  font-family:"DM Serif Display",serif;
  letter-spacing:-.035em;
  font-weight:400;
}
.text-gradient{
  background:linear-gradient(90deg,#67d7ff 0%,#9a8cff 48%,#6ce9c5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.btn{
  border-radius:14px;
  font-weight:850;
  transition:.25s ease;
}
.btn-vip{
  color:white;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,#1592d4 0%,#4766e8 48%,#7966e8 100%);
  box-shadow:0 12px 30px rgba(51,99,220,.28);
  padding: 15px 25px;
}
.btn-vip:hover{color:white;transform:translateY(-2px);box-shadow:0 18px 36px rgba(51,99,220,.34);color: #fff !important}
.btn-glass{
  color:white;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);backdrop-filter:blur(12px);
}
.btn-glass:hover{color:white;background:rgba(255,255,255,.13)}
.btn-soft{
  color:var(--ink);background:white;border:1px solid var(--line);
  box-shadow:0 10px 24px rgba(7,24,46,.06);
}
.btn-soft:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}

.site-header{
  position:fixed;top:0;left:0;right:0;z-index:1040;
  padding:12px 0;
  transition:.3s ease;
}
.site-header.scrolled{
  background:rgba(247,251,255,.82);
  backdrop-filter:blur(22px);
  box-shadow:0 10px 30px rgba(7,24,46,.08);
  border-bottom:1px solid rgba(7,24,46,.06);
}
.site-header .nav-shell{
  background:rgba(5,18,35,.72);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:.35rem .55rem;
  backdrop-filter:blur(18px);
  transition:.3s ease;
}
.site-header.scrolled .nav-shell{
  background:rgba(255,255,255,.92);
  border-color:rgba(7,24,46,.08);
}

.scrolled .btn-glass{
    color: #000;
    /* border: 1px solid #000; */
}

header .search-trigger{
  border: 0 !important;
  background-color: transparent !important;
}

.navbar-brand img{width:260px;}
.site-header.scrolled .navbar-brand img{filter:none}
.navbar .nav-link{
  color:rgba(255,255,255,.75);
  font-size:.9rem;
  font-weight:750;
  padding:.62rem .62rem!important;
}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff}
.site-header.scrolled .navbar .nav-link{color:#3b4c62}
.site-header.scrolled .navbar .nav-link:hover,
.site-header.scrolled .navbar .nav-link.active{color:var(--ink)}
.navbar-toggler{border-color:rgba(255,255,255,.22)}
.site-header.scrolled .navbar-toggler{border-color:rgba(7,24,46,.15)}

.hero{
  position:relative;
  min-height:860px;
  display:flex;
  align-items:center;
  padding:150px 0 96px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,15,30,.97) 0%,rgba(6,25,47,.93) 45%,rgba(6,24,44,.50) 70%,rgba(5,20,38,.68) 100%),
    url("https://images.unsplash.com/photo-1521737711867-e3b97375f902?auto=format&fit=crop&w=1800&q=88") center/cover;
}
.hero:before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 22%,rgba(46,170,235,.24),transparent 27%),
    radial-gradient(circle at 62% 18%,rgba(122,100,232,.18),transparent 21%);
  pointer-events:none;
}
.hero-noise{
  position:absolute;inset:0;opacity:.25;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
}
.hero-copy{position:relative;z-index:2;color:white}
.hero h1{
  max-width:830px;
  font-size:clamp(4rem,5.0vw,7.4rem);
  line-height:1.0;
  margin:1.35rem 0 1.4rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.hero .lead{
  color:#c9d7e8;
  font-size:1.16rem;
  max-width:680px;
}
.hero-micro{
  display:flex;flex-wrap:wrap;gap:.75rem 1rem;
  color:#9db1c7;font-size:.84rem;font-weight:700;
}
.hero-micro span{display:flex;align-items:center;gap:.45rem}
.hero-micro i{color:#6fdbff}
.hero-side{
  position:relative;
  z-index:2;
  min-height:540px;
}
.hero-feature{
  position:absolute;
  right:10px;top:20px;
  width:min(430px,92%);
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(24px);
  border-radius:30px;
  padding:1rem;
  color:white;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  transform:rotate(2deg);
}
.hero-feature .image{
  height:235px;border-radius:22px;overflow:hidden;position:relative;
}
.hero-feature .image img{width:100%;height:100%;object-fit:cover}
.hero-feature .image:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,18,35,.68),transparent 55%);
}
.timer-orb{
  position:absolute;right:18px;top:18px;z-index:2;
  width:76px;height:76px;border-radius:50%;
  display:grid;place-items:center;
  font-weight:900;font-size:.92rem;
  color:white;background:rgba(6,25,47,.72);
  border:7px solid rgba(255,255,255,.14);
  border-top-color:#6dd7ff;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
.hero-feature h2{
  font-size:1.65rem;line-height:1.1;font-weight:900;
  margin:.95rem .45rem .5rem;
}
.hero-feature p{color:#cce0ee;margin:.35rem .45rem .5rem;font-size:.92rem}
.try-line{
  margin:.85rem .45rem .2rem;
  padding:.85rem 1rem;
  border-radius:16px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.11);
}
.try-line small{
  display:block;color:#7fdcff;text-transform:uppercase;
  font-weight:900;letter-spacing:.1em;margin-bottom:.25rem
}
.float-badge{
  position:absolute;z-index:4;
  padding:.85rem 1rem;
  min-width:160px;
  border-radius:16px;
  color:#10263c;
  background:rgba(255,255,255,.94);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.3);
}
.float-badge strong{display:block;font-size:.92rem}
.float-badge span{font-size:.75rem;color:#718096}
.float-one{left:100px;top:0}
.float-two{right:-20px;top:185px}
.hero-curve{
  position:absolute;left:0;right:0;bottom:-2px;height:92px;
  background:var(--paper);
  clip-path:ellipse(58% 65% at 50% 100%);
}

.marquee{
  overflow:hidden;
  background:var(--paper);
  border-bottom:1px solid var(--line);
}
.marquee-track{
  display:flex;gap:2rem;align-items:center;
  width:max-content;padding:18px 0;
  animation:marquee 26s linear infinite;
}
.marquee span{
  color:#718096;
  font-size:.82rem;font-weight:850;
  text-transform:uppercase;letter-spacing:.08em;
}
.marquee .dot{color:#2f96ce}
@keyframes marquee{to{transform:translateX(-50%)}}

.section-title{
  font-size:clamp(2.75rem,4.0vw,5.2rem);
  line-height:1.1;
  color:var(--ink);
  max-width:650px;
  font-family: "Open Sans", sans-serif;
  font-weight: 500;
}
.section-copy{color:var(--muted);max-width:700px;font-size: 20px}

.bento{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  grid-auto-rows:220px;
  gap:16px;
}
.bento-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  min-height:220px;
  background:#0b2038;
  border:1px solid rgba(7,24,46,.08);
  box-shadow:0 14px 34px rgba(7,24,46,.08);
}
.bento-card.large{grid-row:span 2}
.bento-card.wide{grid-column:span 2}
.bento-card img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .65s cubic-bezier(.2,.7,.2,1);
}
.bento-card:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(3,15,29,.92),rgba(3,15,29,.10) 65%);
}
.bento-card:hover img{transform:scale(1.06)}
.bento-content{
  position:absolute;z-index:2;left:1.25rem;right:1.25rem;bottom:1.2rem;color:white;
}
.bento-icon{
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;margin-bottom:.75rem;
  color:#07182e;background:white;font-size:1.05rem;
}
.bento-card h3{font-size:1.12rem;font-weight:900;margin-bottom:.2rem}
.bento-card p{margin:0;color:#cbd8e5;font-size:.86rem}

.v3-method{
  position:relative;overflow:hidden;
  padding:120px 0;
  color:white;
  background:
    radial-gradient(circle at 10% 15%,rgba(57,197,255,.18),transparent 23%),
    radial-gradient(circle at 85% 80%,rgba(135,101,255,.20),transparent 26%),
    linear-gradient(135deg,#04111f,#071f39 52%,#10194a);
}

.v3-method-head {
    position: relative;
    z-index: 2;
    max-width: 980px;
    margin-bottom: 3rem;
}

.v3-method-head h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 75px;
    line-height: .92;
}

.v3-method-head p{
  font-size: 20px;
    color: #a9bdd0;
    max-width: 620px;
}

.v3-method-list {
    position: relative;
    z-index: 2;
}

.v3-method-item {
    display: grid;
    grid-template-columns: 120px 1fr 1fr;
    gap: 1.5rem;
    align-items: center;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, .10);
    transition: .3s ease;
}

.v3-step-num {
    font-family: "DM Serif Display", serif;
    font-size: 4.7rem;
    line-height: 1;
    background: linear-gradient(135deg, #6bdcff, #9c8cff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.v3-method-item h3 {
    font-size: 1.55rem;
    font-weight: 900;
    margin: 0;
}

.v3-method-item p {
    color: #a7bbcc;
    margin: 0;
    max-width: 470px;
}

.v3-metrics {
    position: relative;
    margin-top: -56px;
    z-index: 5;
}

.v3-metrics-shell {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-radius: 30px;
    overflow: hidden;
    background: white;
    box-shadow: 0 30px 75px rgba(7, 24, 46, .16);
    border: 1px solid rgba(7, 24, 46, .08);
}

.v3-metric {
    position: relative;
    padding: 2rem 2.1rem;
    min-height: 190px;
    text-align: center;
}

.v3-metric:after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    right: -55px;
    top: -60px;
    background: rgba(63, 182, 240, .06);
}

.v3-metric + .v3-metric {
    border-left: 1px solid rgba(7, 24, 46, .08);
}

.v3-metric i {
    color: #1b8dcc;
    font-size: 50px;
    border: 1px solid #bebebe;
    padding: 20px;
    width: 100px;
    height: 100px;
    display: flex;
    margin: 0 auto;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.v3-metric-value{
  font-weight:600;
    font-family: "Open Sans", sans-serif;
    font-size: 50px;
    line-height: .9;
    color: #07182e;
    margin: 20px 0;
}

.v3-metric p{
    color: #000;
    font-size: 18px;
    margin: 0;
}

.v3-method-item:hover {
    padding-left: 1rem;
    padding-right: 1rem;
    background: rgba(255, 255, 255, .035);
}

.v3-method-item h3 {
    font-size: 1.55rem;
    font-weight: 900;
    margin: 0;
}

.v3-method-item p {
    color: #a7bbcc;
    margin: 0;
    max-width: 470px;
}

.v3-step-num {
    font-family: "DM Serif Display", serif;
    font-size: 4.7rem;
    line-height: 1;
    background: linear-gradient(135deg, #6bdcff, #9c8cff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.v3-quote {
    padding: 120px 0;
    background: #f5f9fd;
}

.v3-quote-card {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    min-height: 620px;
    border-radius: 38px;
    overflow: hidden;
    background: #06172b;
    color: white;
    box-shadow: 0 35px 85px rgba(7, 24, 46, .18);
}

.v3-quote-copy {
    position: relative;
    padding: 4rem;
    display: flex;
    align-items: center;
    background: radial-gradient(circle at 20% 20%, rgba(87, 208, 255, .16), transparent 25%), linear-gradient(135deg, #06172b, #0b315a);
}

.v3-quote-copy blockquote {
    position: relative;
    z-index: 2;
    font-family: "Sora", sans-serif;
    font-size: 40px;
    line-height: 1.2;
    margin: 0;
    font-weight: 600;
}

.v3-quote-copy p {
    font-size: 20px;
    color: #abc0d2;
    margin-top: 1.4rem;
    position: relative;
    z-index: 2;
}

.v3-quote-copy:after {
    content: "“";
    position: absolute;
    right: 3rem;
    top: 1rem;
    font-family: "DM Serif Display", serif;
    font-size: 13rem;
    color: rgba(255, 255, 255, .04);
    line-height: 1;
}

.v3-quote-photo {
    position: relative;
}

.v3-quote-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v3-quote-photo:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #08233f 0%, transparent 35%);
}

.feature-stage{
  position:relative;
  overflow:hidden;
  color:white;
  background:
    radial-gradient(circle at 85% 20%,rgba(109,211,255,.15),transparent 25%),
    radial-gradient(circle at 15% 80%,rgba(139,124,255,.18),transparent 24%),
    linear-gradient(135deg,#051426,#0a2b4e 58%,#122f59);
  border-radius:36px;
  padding:3rem;
  box-shadow:var(--shadow);
}
.feature-stage:before{
  content:"02";
  position:absolute;right:2rem;top:-1.5rem;
  font-family:"DM Serif Display",serif;
  font-size:12rem;line-height:1;color:rgba(255,255,255,.035);
}
.feature-stage h3{
  font-size: 60px;
  line-height:.92;max-width:850px;
  font-family: "Open Sans", sans-serif;
}
.feature-stage p{color:#c3d6e8;max-width:760px;font-size:1.06rem}
.feature-side{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:1.25rem;
  backdrop-filter:blur(12px);
}
.feature-side small{
  color:#80dcff;font-weight:900;
  text-transform:uppercase;letter-spacing:.11em;
}

.lesson-card{
  height:100%;
  background:white;
  border:1px solid var(--line);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 12px 32px rgba(7,24,46,.06);
  transition:.35s ease;
}
.lesson-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-soft)}
.lesson-card-img{height:210px;overflow:hidden;position:relative}
.lesson-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.lesson-card:hover .lesson-card-img img{transform:scale(1.06)}
.lesson-card-img:after{
  content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,24,46,.42),transparent 60%);
}
.lesson-card-body{padding:1.35rem}
.lesson-meta{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.pill{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.38rem .64rem;border-radius:999px;
  background:#ecf7fd;color:#166f9e;
  font-size:.73rem;font-weight:900;
}
.lesson-time{color:#8a98aa;font-size:.78rem;font-weight:750}
.lesson-card h3{
  color:var(--ink);
  font-size:1.22rem;line-height:1.28;
  font-weight:900;margin:.9rem 0 .55rem;
}
.lesson-card h3 a{color:inherit;text-decoration:none;font-weight: 500}
.lesson-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.lesson-card p{color:var(--muted);font-size:.93rem}
.lesson-link{color:#147eb8;font-weight:900}

.process-shell{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,248,254,.92));
  border:1px solid var(--line);
  box-shadow:0 20px 55px rgba(7,24,46,.07);
  padding:2rem;
}
.process-line{
  position:absolute;
  left:16%;right:16%;top:74px;height:2px;
  background:linear-gradient(90deg,#5cccf8,#8d7dff,#64ddb9);
}
.process-item{position:relative;text-align:center;padding:0 1rem}
.process-num{
  width:78px;height:78px;border-radius:24px;
  display:grid;place-items:center;margin:0 auto 1.3rem;
  color:white;font-size:1.35rem;font-weight:950;
  background:linear-gradient(135deg,#158fd0,#5f63df);
  box-shadow:0 14px 30px rgba(55,96,214,.22);
}
.process-item h3{font-size:1.14rem;color:var(--ink);font-weight:900}
.process-item p{color:var(--muted);font-size:.92rem;margin:0}

.editorial-quote{
  position:relative;
  padding:80px 0;
  background:
    linear-gradient(90deg,rgba(4,18,34,.95),rgba(4,18,34,.70)),
    url("https://images.unsplash.com/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=1700&q=86") center/cover;
  color:white;
}
.editorial-quote blockquote{
  max-width:980px;
  font-family:"DM Serif Display",serif;
  font-size:clamp(2.7rem,5.2vw,5rem);
  line-height:1.02;margin:0;
}
.editorial-quote p{color:#adc0d1;margin-top:1.2rem}

.newsletter{
  position:relative;
  overflow:hidden;
  border-radius:36px;
  padding:3rem;
  color:white;
  background:
    radial-gradient(circle at 78% 20%,rgba(100,229,190,.26),transparent 28%),
    radial-gradient(circle at 20% 85%,rgba(106,211,255,.20),transparent 28%),
    linear-gradient(135deg,#101d39,#24245b 55%,#2b3a74);
  box-shadow:var(--shadow);
}
.newsletter:after{
  content:"";
  position:absolute;width:360px;height:360px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);right:-110px;bottom:-170px;
}

.newsletter h2{
  font-family: "Sora", sans-serif;
  font-weight: 500;
}

.newsletter p{color:#c9d5e5}
.newsletter .form-control{
  min-height:60px;border:0;border-radius:15px;
}
.newsletter .btn{min-height:60px}

.page-hero{
  position:relative;
  padding:170px 0 82px;
  color:white;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 10%,rgba(106,211,255,.16),transparent 24%),
    radial-gradient(circle at 15% 65%,rgba(139,124,255,.18),transparent 25%),
    linear-gradient(135deg,#06172b,#0a2f57 58%,#163967);
}
.page-hero h1{
  font-size:clamp(3.5rem,7vw,6.5rem);line-height:.92;
}
.page-hero p{color:#c8d8e6;max-width:720px}

.article-shell{max-width:920px;margin:auto}
.lesson-article{padding:170px 0 90px}
.lesson-article h1{
  color:var(--ink);
  font-size:clamp(3.6rem,7vw,6.4rem);
  line-height:.92;
}
.article-intro{color:#53657a;font-size:1.22rem}
.article-block{
  background:white;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.6rem;
  margin:1.15rem 0;
  box-shadow:0 12px 34px rgba(7,24,46,.05);
}
.article-block h2{
  color:#147eb8;
  font-size:.8rem;text-transform:uppercase;
  letter-spacing:.12em;font-weight:950;
}
.try-box{
  color:white;
  background:linear-gradient(135deg,#07182e,#0d3d6d);
  border-radius:24px;
  padding:1.6rem;
  box-shadow:var(--shadow-soft);
}
.try-box h2{
  color:#fff !important;
  font-size:.8rem;text-transform:uppercase;
  letter-spacing:.12em;font-weight:950;
  margin-top:0 !important;
}
.try-box p{
  margin-bottom:0 !important;
  color: #fff !important;
}

.search-result{
  border:1px solid var(--line);
  background:white;
  border-radius:20px;
  padding:1.2rem;
  margin-bottom:.8rem;
  transition:.25s ease;
}
.search-result:hover{transform:translateX(6px);box-shadow:var(--shadow-soft)}
.search-result h3{font-weight:900;color:var(--ink);font-size:1.18rem}
.search-result p{color:var(--muted);margin:0}

.newsletter-sectionmain{
  margin-bottom: -200px;
  padding-top: 20px;
}

.search-modal .modal-dialog {
    max-width: 820px;
}

.search-modal .modal-content {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 28px;
    background: radial-gradient(circle at 90% 0%, rgba(105, 210, 255, .16), transparent 24%), linear-gradient(145deg, #07182e, #0b2e53 72%, #162b5d);
    color: white;
    box-shadow: 0 38px 100px rgba(0, 0, 0, .40);
}

.search-modal .modal-header {
    border: 0;
    padding: 1.4rem 1.5rem .7rem;
}

.search-modal-title {
    font-family: "DM Serif Display", serif;
    font-size: 2.25rem;
    line-height: 1;
}

.search-modal .btn-close {
    filter: invert(1);
    opacity: .75;
}

.search-modal .modal-body {
    padding: 1rem 1.5rem 1.5rem;
}

.search-box-v2 {
    position: relative;
}

.search-box-v2 i {
    position: absolute;
    left: 1.1rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c7e94;
}

.search-box-v2 input {
    height: 62px;
    padding-left: 3rem;
    border: 0;
    border-radius: 16px;
    background: white;
}

.search-hint {
    color: #8fa9bc;
    font-size: .82rem;
}

.footer{
  background:#041221;color:#b8cad9;
  padding:166px 0 28px;
}
.footer h5{color:white;font-weight:900}
.footer a{color:#a9bdcd}
.footer a:hover{color:white}
.footer-logo{width:180px;filter:brightness(0) invert(1)}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:1.25rem;margin-top:2.4rem;
  color:#7f96a8;font-size:.88rem;
}

[data-tilt]{transform-style:preserve-3d;transition:transform .18s ease}

@media(max-width:1199.98px){
  .bento{grid-template-columns:1fr 1fr}
  .bento-card.large{grid-row:span 1}
  .bento-card.wide{grid-column:span 1}
}
@media(max-width:991.98px){
  .site-header{position:absolute}
  .site-header.scrolled{position:fixed}
  .hero{min-height:auto;padding-top:150px}
  .hero-side{min-height:570px;margin-top:1.3rem}
  .process-line{display:none}
  .process-item{margin-bottom:2rem}
  .navbar-collapse{padding:.6rem}
}
@media(max-width:767.98px){
  .section{padding:78px 0}
  .hero h1{font-size:4rem}
  .hero-side{min-height:520px}
  .hero-feature{right:0;width:96%}
  .float-one{left:0;bottom:72px}
  .float-two{display:none}
  .bento{grid-template-columns:1fr}
  .feature-stage{padding:1.55rem}
  .newsletter{padding:1.6rem}
}
@media(max-width:575.98px){
  .hero h1{font-size:3.35rem}
  .hero-side{min-height:500px}
  .hero-feature .image{height:200px}
}




/* =========================================
   WHITE LEADERSHIP SECTION
========================================= */

.leadership-white-section{
    position:relative;
    overflow:hidden;

    padding:110px 0;

    background:#ffffff;
}


/* subtle premium background effect */

.leadership-white-section::before{
    content:"";

    position:absolute;

    width:520px;
    height:520px;

    border-radius:50%;

    left:-280px;
    top:-220px;

    background:
        rgba(75,190,245,.08);

    filter:blur(10px);
}


.leadership-white-section::after{
    content:"";

    position:absolute;

    width:430px;
    height:430px;

    border-radius:50%;

    right:-220px;
    bottom:-180px;

    background:
        rgba(120,95,255,.06);
}


/* LEFT CONTENT */

.leadership-white-section h2{
    margin:22px 0 20px;
    max-width:650px;
    font-family:"Sora",sans-serif;
    font-size: 70px;
    font-weight:600;
    line-height:.96;
    letter-spacing:-.06em;
    color:#07182e;
}


.leadership-white-section h2 span{
    color:#168bca;
}


.section-intro{
    max-width:580px;

    color:#738399;

    font-size:1rem;

    line-height:1.75;
}


/* BUTTON */

.white-section-btn{
    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:25px;

    padding:15px 20px;

    border-radius:14px;

    font-family:"Sora",sans-serif;

    font-size:.88rem;

    font-weight:600;

    color:#ffffff;

    background:#07182e;

    transition:.3s ease;
}


.white-section-btn i{
    transition:.3s ease;
}


.white-section-btn:hover{
    color:#fff;

    transform:
        translateY(-3px);

    box-shadow:
        0 14px 30px
        rgba(7,24,46,.18);
}


.white-section-btn:hover i{
    transform:
        translateX(4px);
}



/* =========================================
   RIGHT SIDE
========================================= */

.leadership-points{
    position:relative;

    padding-left:10px;
}


.leadership-point{
    display:grid;

    grid-template-columns:
        65px 1fr;

    gap:22px;

    align-items:start;

    padding:
        26px 0;

    border-bottom:
        1px solid
        rgba(7,24,46,.09);

    transition:.3s ease;
}


.leadership-point:first-child{
    border-top:
        1px solid
        rgba(7,24,46,.09);
}


.leadership-point:hover{
    padding-left:12px;
}


.point-number{
    font-family:
        "Sora",
        sans-serif;

    font-size:1rem;

    font-weight:700;

    color:#1b91ce;
}


.leadership-point h4{
    margin:0 0 7px;

    font-family:
        "Sora",
        sans-serif;

    font-size:1.15rem;

    font-weight:600;

    color:#07182e;
}


.leadership-point p{
    margin:0;

    max-width:520px;

    color:#77879b;

    font-size:.9rem;

    line-height:1.65;
}



/* RESPONSIVE */

@media(max-width:991px){

    .leadership-white-section{
        padding:85px 0;
    }


    .leadership-points{
        margin-top:25px;
    }

}


@media(max-width:767px){

    .leadership-white-section{
        padding:70px 0;
    }


    .leadership-white-section h2{
        font-size:3rem;
    }


    .leadership-point{
        grid-template-columns:
            50px 1fr;
    }

}

/* =========================================================
 FINAL POLISH PATCH
 unified typography + inner pages
 ========================================================= */

:root{
 --brand-gradient:linear-gradient(135deg,#6ad3ff,#8b7cff);
}

body{
 font-family:"Manrope",sans-serif;
 letter-spacing:-.01em;
}

h1,h2,h3,h4,h5,h6,
.navbar,
.btn{
 font-family:"Sora",sans-serif;
 letter-spacing:-.035em;
}

.display-serif,
.lesson-article h1{
 font-family:"Sora",sans-serif!important;
 font-weight:700;
}

.site-header{
 backdrop-filter:blur(18px);
}

.page-hero{
 padding:170px 0 90px;
 position:relative;
 overflow:hidden;
 background:
 radial-gradient(circle at 10% 20%,rgba(106,211,255,.16),transparent 25%),
 radial-gradient(circle at 90% 10%,rgba(139,124,255,.16),transparent 25%),
 #07182e!important;
 color:#fff;
}

.page-hero:after{
 content:"";
 position:absolute;
 inset:0;
 background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
 background-size:40px 40px;
 opacity:.25;
}

.page-hero .container{position:relative;z-index:2}

.page-hero h1{
 max-width:900px;
 font-size:clamp(3.5rem,6vw,6rem);
 line-height:.95;
 font-weight:700;
}

.page-hero .eyebrow{
 display:inline-flex;
 padding:8px 14px;
 border-radius:999px;
 background:rgba(255,255,255,.08);
 border:1px solid rgba(255,255,255,.15);
 color:#8fe4ff;
 font-size:.75rem;
 font-weight:800;
 letter-spacing:.1em;
 text-transform:uppercase;
}


/* category pages */

.lesson-grid{
 display:grid;
 grid-template-columns:repeat(3,1fr);
 gap:24px;
}

.lesson-card{
 background:white;
 border:1px solid rgba(7,24,46,.08);
 border-radius:28px;
 overflow:hidden;
 box-shadow:0 18px 45px rgba(7,24,46,.08);
 transition:.35s;
}

.lesson-card:hover{
 transform:translateY(-8px);
 box-shadow:0 30px 65px rgba(7,24,46,.14);
}

.lesson-card img{
 width:100%;
 height:220px;
 object-fit:cover;
}

.lesson-card-body{
 padding:28px;
}

.lesson-card h3{
 font-size:1.3rem;
 line-height:1.25;
}

.lesson-card p{
 color:#718096;
}


/* article pages */

.lesson-article{
 padding:150px 0 0px;
 background:#f7fbff;
}

.lesson-article .container-narrow{
 max-width:850px;
}

.lesson-article h1{
 font-size:clamp(3rem,5vw,5rem);
 line-height:.95;
 color:#07182e;
}

.lesson-article .article-box{
 margin-top:40px;
 padding:45px;
 background:#fff;
 border-radius:32px;
 border:1px solid rgba(7,24,46,.08);
 box-shadow:0 25px 70px rgba(7,24,46,.09);
}

.lesson-article h2{
 margin-top:45px;
 font-size:2rem;
 color:#07182e;
}

.lesson-article p{
 color:#526579;
 font-size:1.08rem;
 line-height:1.9;
}


/* newsletter/footer spacing fix */

.v3-quote,
.leadership-white-section{
 padding-bottom:55px!important;
}

.v3-cta-wrap{
 padding-top:20px!important;
}


/* responsive */

@media(max-width:991px){
 .lesson-grid{
  grid-template-columns:1fr 1fr;
 }
}

@media(max-width:767px){
 .lesson-grid{
  grid-template-columns:1fr;
 }
 .page-hero{
  padding:130px 0 70px;
 }
}

.text-themesecondary{
  color: #8fe4ff;
}