*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#25a7de;--blue2:#7dd3fc;--navy:#071a2a;--navy2:#0d2639;--text:#18334a;--muted:#60788b;--pale:#effaff;--green:#c9ddb9;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:'Manrope',sans-serif;color:var(--text);background:#f7fcff;line-height:1.55}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(1160px,calc(100% - 48px));margin:auto}
.site-header{height:72px;background:#071a2a;color:#fff;display:flex;align-items:center;gap:38px;padding:0 max(24px,calc((100vw - 1160px)/2));position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.1)}
.brand{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;line-height:.75;min-width:185px}
.brand small{font-family:Manrope;font-size:11px;font-weight:700;letter-spacing:.3px}
.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:linear-gradient(145deg,#25a7de,#7dd3fc);clip-path:polygon(0 0,100% 0,78% 100%,0 82%);font-family:Manrope;font-size:26px;font-weight:800;color:#fff}
.nav{display:flex;align-items:center;gap:30px;font-size:12px;flex:1}
.nav a{opacity:.88;transition:.2s}.nav a:hover{color:var(--blue2)}
.header-actions{display:flex;align-items:center;gap:15px}.search-btn{background:none;border:0;color:#fff;font-size:25px;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;padding:12px 22px;font-weight:800;font-size:12px;transition:.25s;cursor:pointer;border:1px solid transparent}
.btn span{font-size:17px}.btn-primary{background:linear-gradient(135deg,#18b6ef,#48c6ef);color:#062039;box-shadow:0 8px 25px rgba(37,167,222,.2)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,167,222,.3)}
.btn-lg{padding:15px 25px;font-size:13px}.btn-dark{background:#082236;color:#fff}.btn-dark:hover{background:#123b58}.btn-outline{border-color:var(--blue);color:#087fb5;background:#fff}
.menu-toggle{display:none;background:none;border:0;color:white}

.hero{min-height:425px;position:relative;background:url('https://images.unsplash.com/photo-1509062522246-3755977927d7?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,23,38,.97) 0%,rgba(4,23,38,.88) 38%,rgba(4,23,38,.2) 78%,rgba(4,23,38,.35))}
.hero-content{position:relative;z-index:2;padding:58px 0}
.breadcrumb{font-size:11px;color:#d8e8f1;margin-bottom:23px}.breadcrumb span{padding:0 10px;color:#79d7fa}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.35px;color:#d8f5ff;text-transform:none;margin-bottom:5px}.eyebrow.blue{color:#159bd2}
.hero h1,h2{font-family:'Cormorant Garamond',serif;line-height:.96}
.hero h1{font-size:59px;max-width:670px}.hero h1 em{font-style:normal;color:#4ec9f4}
.hero-copy{max-width:580px;font-size:14px;color:#dbe8ee;margin:20px 0 23px}
.hero-buttons{display:flex;align-items:center;gap:22px}.track-link{font-size:11px;font-weight:700;color:#fff}.track-link span{margin-left:7px}
.hero-note{position:absolute;right:7%;top:95px;z-index:2;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:29px;line-height:1.05;transform:rotate(-5deg);text-align:center;color:#fff}.hero-note span{color:#52caf2}

.section{padding:66px 0}.light{background:#f7fcff}.two-column{display:grid;grid-template-columns:1fr 320px;gap:34px}
h2{font-size:45px;color:#17354c;margin:4px 0 9px}.section-intro{font-size:13px;color:#61798a;max-width:660px}
.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:25px}
.program-card{background:#fff;border:1px solid #dbeaf1;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px rgba(10,53,78,.04);transition:.25s}.program-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(10,53,78,.1)}
.program-image{height:116px;background-size:cover;background-position:center}.img-1{background-image:url('https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=700&q=80')}.img-2{background-image:url('https://images.unsplash.com/photo-1523240795612-9a054b0db644?auto=format&fit=crop&w=700&q=80')}.img-3{background-image:url('https://images.unsplash.com/photo-1544717305-2782549b5136?auto=format&fit=crop&w=700&q=80')}.img-4{background-image:url('https://images.unsplash.com/photo-1529390079861-591de354faf5?auto=format&fit=crop&w=700&q=80')}
.program-body{padding:13px 16px 17px;position:relative}.icon-circle{width:39px;height:39px;border-radius:50%;background:#e9f8ff;border:4px solid #fff;display:grid;place-items:center;color:#149bd3;font-weight:800;margin-top:-33px;position:relative}.program-body h3{font-size:16px;margin:5px 0;color:#18364c}.program-body p{font-size:10.5px;line-height:1.55;color:#6c8291;min-height:48px}.program-body a{font-size:10.5px;font-weight:800;color:#079bd7;display:inline-block;margin-top:10px}.program-body a span{font-size:15px;margin-left:4px}
.info-card{background:#eaf8fe;border-radius:12px;padding:19px;margin-bottom:22px}.info-card h3{font-size:14px;color:#098fd0;margin-bottom:13px}.info-row{width:100%;border:0;background:#fff;border-radius:10px;padding:12px 11px;display:grid;grid-template-columns:31px 1fr 12px;align-items:center;text-align:left;gap:7px;margin:8px 0;color:#1c3d53;cursor:pointer;transition:.2s}.info-row:hover{transform:translateX(3px)}.info-row b{display:block;font-size:10.5px}.info-row small{display:block;color:#78909d;font-size:9px;margin-top:2px}.info-row strong{font-size:20px;color:#159ed4}.info-icon{width:28px;height:28px;border-radius:8px;background:#e8f8ff;color:#159ed4;display:grid;place-items:center;font-size:12px}
.why-card{background:#dff1df;border-radius:12px;padding:23px;min-height:180px;position:relative;overflow:hidden}.why-icon{color:#377b55;font-size:24px}.why-card h3{font-size:15px;margin:4px 0 8px}.why-card p{font-size:10.5px;max-width:245px;color:#54715f}.why-card a{font-size:10.5px;font-weight:800;color:#287c4b;display:block;margin-top:12px}.leaf-decoration{position:absolute;right:-3px;bottom:-15px;font-size:100px;color:#a9d0a8;transform:rotate(-25deg)}

.journey-section{padding-top:35px}.journey{display:flex;align-items:flex-start;justify-content:space-between;margin-top:35px;gap:8px}.step{width:145px;text-align:center;position:relative}.step-number{position:absolute;top:-6px;left:15px;font-size:11px;color:#050506}.step-icon{width:45px;height:45px;border-radius:50%;background:#e8f8ff;border:1px solid #cdeefa;color:#159ed4;display:grid;place-items:center;margin:auto;font-weight:800;font-size:17px}.step h3{font-size:11px;margin:10px 0 5px}.step p{font-size:9.5px;color:#000000;line-height:1.4}.arrow{color:#61bddd;font-size:20px;padding-top:13px}

.cta-section{padding-top:25px}.cta-box{min-height:166px;background:#dff5ff;border-radius:12px;display:grid;grid-template-columns:270px 1fr 115px;align-items:center;overflow:hidden;position:relative}.cta-image{height:100%;background:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=700&q=80') center/cover}.cta-content{padding:25px 35px}.cta-content h2{font-size:33px}.cta-content p:not(.eyebrow){font-size:11px;color:#668090;margin:5px 0 15px}.cta-scribble{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:25px;line-height:.9;text-align:center;transform:rotate(-7deg);color:#1d4058}.cta-scribble span{color:#159ed4}

.help-section{padding-top:45px}.help-grid{display:grid;grid-template-columns:1fr 320px;gap:60px;align-items:center}.contact-card{background:#fff;border:1px solid #dcebf1;border-radius:12px;padding:23px;box-shadow:0 10px 25px rgba(12,55,77,.05)}.contact-icon{width:40px;height:40px;border-radius:50%;background:#e9f8ff;color:#149bd3;display:grid;place-items:center;font-weight:800}.contact-card h3{margin:9px 0 3px;font-size:16px}.contact-card p{font-size:10.5px;color:#718693;margin-bottom:13px}

.back-top{position:fixed;right:20px;bottom:20px;width:40px;height:40px;border:0;border-radius:50%;background:#25a7de;color:#fff;font-size:18px;display:none;cursor:pointer;z-index:30;box-shadow:0 8px 20px rgba(37,167,222,.3)}
.back-top.show{display:block}
@media(max-width:950px){.site-header{gap:15px}.nav{gap:15px}.brand{min-width:155px}.two-column{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.journey{flex-wrap:wrap;justify-content:center}.arrow{display:none}.step{margin:10px}.cta-box{grid-template-columns:210px 1fr 90px}}
@media(max-width:720px){.container{width:min(100% - 28px,1160px)}.site-header{height:65px;padding:0 14px;justify-content:space-between}.brand{min-width:auto;font-size:18px}.brand-mark{width:32px;height:32px;font-size:22px}.nav{display:none;position:absolute;top:65px;left:0;right:0;background:#071a2a;flex-direction:column;align-items:flex-start;padding:20px 24px;gap:18px;border-top:1px solid rgba(255,255,255,.1)}.nav.open{display:flex}.header-actions{margin-left:auto}.search-btn{display:none}.header-actions .btn{padding:9px 13px;font-size:10px}.menu-toggle{display:flex;flex-direction:column;gap:4px}.menu-toggle span{display:block;width:23px;height:2px;background:#fff}.hero{min-height:520px}.hero-content{padding:45px 0}.hero h1{font-size:46px}.hero-note{display:none}.hero-copy{font-size:12px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:15px}.program-grid{grid-template-columns:1fr}.side-column{display:block}.info-card{margin-bottom:18px}.journey{display:grid;grid-template-columns:1fr 1fr}.step{width:auto}.cta-box{grid-template-columns:1fr;min-height:0}.cta-image{height:160px}.cta-content{padding:25px 20px}.cta-scribble{display:none}.help-grid{grid-template-columns:1fr;gap:25px}.footer-top{grid-template-columns:1fr 1fr}.footer nav{grid-column:1/-1;flex-wrap:wrap}.footer-tag{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}}










        /* NAVBAR AND FOOTER */

:root {
  --vk-navy: #17324d;
  --vk-blue: #1a9ad6;
  --vk-bg: #f5faff;
}

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

.navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--vk-bg);
  border-bottom: 3px solid var(--vk-blue);
  box-shadow: 0 2px 10px rgba(23, 50, 77, 0.08);
}

.navbar__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar__logo img {
  height: 48px;
  width: auto;
  display: block;
}

.navbar__home {
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--vk-navy);
  text-decoration: none;
  padding: 10px 22px;
  border-radius: 999px;
  border: 2px solid var(--vk-navy);
  transition: all 0.25s ease;
}

.navbar__home:hover,
.navbar__home:focus-visible {
  background: var(--vk-blue);
  border-color: var(--vk-blue);
  color: #fff;
}

@media (max-width: 480px) {
  .navbar__inner { height: 64px; padding: 0 16px; }
  .navbar__logo img { height: 40px; }
  .navbar__home { padding: 8px 16px; font-size: 15px; }
}




:root{
    --cream: #F8F5EF;
    --sky: #25A7DE;
    --dark: #111827;
    --dark-2: #1F2937;
    --text: #D6DCE5;
    --muted: #9CA3AF;
    --border: rgba(255,255,255,0.08);
}

.footer{
    font-family: 'Poppins', sans-serif;
    position: relative;
    background: linear-gradient(180deg, #1F2937 0%, #111827 55%, #0B1220 100%);
    color: var(--text);
    overflow: hidden;
    padding-top: 80px;
    border-top: 1px solid rgba(37,167,222,0.15);
}

/* Subtle background glow */

.footer::before{
    content: "";
    position: absolute;
    top: -140px;
    left: -120px;
    width: 380px;
    height: 380px;
    background: radial-gradient(circle, rgba(37,167,222,0.18) 0%, rgba(37,167,222,0) 70%);
    pointer-events: none;
}

.footer::after{
    content: "";
    position: absolute;
    right: -140px;
    bottom: -160px;
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(37,167,222,0.12) 0%, rgba(37,167,222,0) 72%);
    pointer-events: none;
}

/* ================= CONTAINER ================= */

.footer-container{
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.25fr 0.9fr 0.9fr 1fr;
    gap: 48px;
    position: relative;
    z-index: 2;
}

/* ================= BRAND ================= */

.footer-brand{
    padding-right: 10px;
}

.footer-logo{
    display: inline-flex;
    align-items: center;
    margin-bottom: 22px;
    text-decoration: none;
}

.footer-logo img{
    height: 62px;
    width: auto;
    filter: drop-shadow(0 6px 18px rgba(37,167,222,0.18));
    transition: transform 0.35s ease, filter 0.35s ease;
}

.footer-logo:hover img{
    transform: translateY(-2px) scale(1.03);
    filter: drop-shadow(0 10px 26px rgba(37,167,222,0.32));
}

.footer-brand p{
    color: #C7CED8;
    font-size: 15px;
    line-height: 1.9;
    max-width: 380px;
    letter-spacing: 0.2px;
}

/* ================= COLUMNS ================= */

.footer-column h3{
    position: relative;
    color: var(--cream);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 22px;
    letter-spacing: 0.4px;
}

.footer-column h3::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 54px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--sky), rgba(37,167,222,0.18));
    box-shadow: 0 0 14px rgba(37,167,222,0.28);
}

.footer-column ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-column li{
    margin-bottom: 14px;
}

.footer-column a{
    position: relative;
    color: #C7CED8;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.28s ease, transform 0.28s ease;
}

/* underline animation base */

.footer-column a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1.5px;
    background: var(--sky);
    transition: width 0.3s ease;
}

/* ================= CONTACT ================= */

.footer-contact .contact-item{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.footer-contact .contact-item i{
    color: var(--sky);
    font-size: 16px;
    margin-top: 3px;
    width: 18px;
}

.footer-contact .contact-item span{
    color: #C7CED8;
    font-size: 15px;
    line-height: 1.7;
}

/* ================= QUICK LINKS HOVER ================= */

.footer-column a:hover{
    color: var(--cream);
    transform: translateX(6px);
    text-shadow: 0 0 12px rgba(37,167,222,0.22);
}

.footer-column a:hover::after{
    width: 100%;
}

/* ================= SOCIAL ICONS ================= */

.footer-social{
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 28px;
}

.footer-social a{
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(248,245,239,0.08);
    border: 1px solid rgba(37,167,222,0.16);
    color: var(--cream);
    text-decoration: none;
    overflow: hidden;
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease,
        background 0.45s ease,
        border-color 0.45s ease;
}

/* Soft glow ring */

.footer-social a::before{
    content: "";
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    background: conic-gradient(
        from 0deg,
        rgba(37,167,222,0.0),
        rgba(37,167,222,0.55),
        rgba(37,167,222,0.0)
    );
    animation: ringRotate 8s linear infinite;
    opacity: 0.9;
}

/* Inner circle */

.footer-social a::after{
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 50%;
    background: #111827;
}

/* Icon */

.footer-social a i{
    position: relative;
    z-index: 2;
    font-size: 18px;
    animation: iconRotate 14s linear infinite;
    transition: transform 0.45s ease, color 0.45s ease;
}

/* Hover */

.footer-social a:hover{
    transform: translateY(-6px) scale(1.08);
    background: rgba(37,167,222,0.18);
    border-color: rgba(37,167,222,0.5);
    box-shadow:
        0 0 16px rgba(37,167,222,0.32),
        0 12px 28px rgba(0,0,0,0.28);
}

.footer-social a:hover i{
    color: #ffffff;
    transform: rotateY(180deg) scale(1.12);
}

/* ================= ANIMATIONS ================= */

@keyframes ringRotate{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}

@keyframes iconRotate{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}

/* ================= BOTTOM BAR ================= */

.footer-bottom{
    width: 90%;
    max-width: 1280px;
    margin: 54px auto 0;
    padding: 22px 0 28px;
    border-top: 1px solid rgba(255,255,255,0.08);

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    position: relative;
    z-index: 2;
}

.footer-bottom p{
    color: var(--muted);
    font-size: 14px;
    letter-spacing: 0.2px;
}

.footer-bottom-links{
    display: flex;
    align-items: center;
    gap: 26px;
}

.footer-bottom-links a{
    position: relative;
    color: var(--muted);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.28s ease;
}

.footer-bottom-links a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 0;
    height: 1.5px;
    background: var(--sky);
    transition: width 0.28s ease;
}

.footer-bottom-links a:hover{
    color: var(--cream);
}

.footer-bottom-links a:hover::after{
    width: 100%;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 1024px){

    .footer-container{
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }

    .footer-brand{
        padding-right: 0;
    }

    .footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 640px){

    .footer{
        padding-top: 64px;
    }

    .footer-container{
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .footer-logo img{
        height: 56px;
    }

    .footer-social{
        gap: 12px;
    }

    .footer-social a{
        width: 48px;
        height: 48px;
    }

    .footer-bottom{
        align-items: flex-start;
    }

    .footer-bottom-links{
        flex-wrap: wrap;
        gap: 16px;
    }
}