:root {
    /* L.E.G.I.T Innovation Hub Brand Colours */
    --ink: #292E58;
    --muted: #5F6F82;

    /* Primary brand blue */
    --brand: #0B77B3;

    /* Dark brand blue */
    --brand-dark: #1B5082;

    /* Secondary/accent blue */
    --accent: #7AB6D5;

    /* Backgrounds */
    --cream: #F5F9FC;
    --line: #DCE8F0;
    --white: #FFFFFF;

    /* Dark sections */
    --black: #292E58;

    --radius: 22px;
    --shadow: 0 22px 70px rgba(27, 80, 130, 0.12);
    --max: 1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    color:var(--ink);
    background:var(--white);
    font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{
    position:sticky;top:0;z-index:100;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(13,29,23,.08);
}
.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.brand-mark{
    width:40px;height:40px;display:grid;place-items:center;
    background:var(--ink);color:var(--accent);border-radius:12px;
    font-family:"Manrope",sans-serif;font-weight:800;font-size:20px
}
.brand-copy{display:grid;line-height:1.05}
.brand-copy strong{font-family:"Manrope",sans-serif;font-size:17px;letter-spacing:.04em}
.brand-copy small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:5px}
.main-nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}
.main-nav>a:not(.btn){position:relative}
.main-nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--brand);transition:.25s}
.main-nav>a:not(.btn):hover::after{right:0}
.menu-toggle{display:none;background:none;border:0;padding:8px}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}

.btn{
    display:inline-flex;align-items:center;justify-content:center;
    min-height:50px;padding:0 24px;border:1px solid var(--ink);
    background:var(--ink);color:white;border-radius:999px;font-weight:700;
    transition:.25s ease;cursor:pointer;
}
.btn:hover{transform:translateY(-2px);background:var(--brand);border-color:var(--brand);color:var(--ink)}
.btn-small{min-height:42px;padding:0 18px;font-size:13px}
.btn-light{background:var(--white);color:var(--ink);border-color:var(--white)}
.btn-light:hover{background:var(--accent);border-color:var(--accent)}
.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.text-link span{transition:.2s}.text-link:hover span{transform:translate(3px,-3px)}
.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;color:var(--brand-dark);margin-bottom:18px}
.eyebrow-light{color:var(--accent)}

.hero{padding:70px 0 46px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px}
.hero h1,.page-hero h1{
    margin:0;font-family:"Manrope",sans-serif;font-size:clamp(48px,6.3vw,92px);
    line-height:.98;letter-spacing:-.055em;max-width:800px
}
.hero h1 span{color:var(--brand-dark)}
.hero-lead{max-width:650px;font-size:19px;color:var(--muted);margin:28px 0 30px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:55px;padding-top:26px;border-top:1px solid var(--line)}
.hero-proof div{display:grid}
.hero-proof strong{font-family:"Manrope";font-size:30px;line-height:1}
.hero-proof span{font-size:12px;color:var(--muted);margin-top:8px}
.hero-media{position:relative}
.hero-media img{width:100%;height:650px;object-fit:cover;border-radius:32px}
.floating-card{position:absolute;left:-38px;bottom:36px;background:white;border-radius:18px;padding:17px 20px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}
.floating-card div{display:grid}.floating-card small{color:var(--muted)}
.pulse{width:12px;height:12px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 7px rgba(22,211,107,.16)}

.logo-strip{border-block:1px solid var(--line);overflow:hidden}
.marquee{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:"Manrope";font-size:13px;font-weight:800;letter-spacing:.12em}
.marquee i{color:var(--brand);font-style:normal;font-size:22px}

.section{padding:112px 0}
.section-soft{background:var(--cream)}
.section-heading h2,.impact-copy h2,.mentor-copy h2,.contact-panel h2,.form-aside h2{
    font-family:"Manrope";font-size:clamp(34px,4vw,58px);line-height:1.06;letter-spacing:-.04em;margin:0
}
.section-heading>p{color:var(--muted);max-width:500px}
.section-heading.split{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}
.section-heading.split h2{max-width:760px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.intro-copy{font-size:20px;color:var(--muted)}
.intro-copy p{margin-top:0}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}
.mini-grid span{padding:14px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:14px;font-weight:700;text-align:center}

.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.program-card{background:white;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);transition:.3s}
.program-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.card-image{height:250px;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;transition:.5s}
.program-card:hover .card-image img{transform:scale(1.045)}
.card-body{padding:25px}
.card-number{font-size:11px;font-weight:800;color:var(--brand-dark)}
.card-body h3{font-family:"Manrope";font-size:21px;margin:10px 0}
.card-body p{color:var(--muted);font-size:14px;min-height:68px}
.card-body a,.post-card a{font-weight:700;font-size:13px}

.dark-section{background:var(--ink);color:white}
.impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.impact-media img{width:100%;height:650px;object-fit:cover;border-radius:28px}
.impact-copy>p{font-size:18px;color:#b8c8c1}
.feature-list{margin:38px 0;display:grid;gap:24px}
.feature-list>div{display:grid;grid-template-columns:48px 1fr;gap:18px;border-top:1px solid rgba(255,255,255,.17);padding-top:20px}
.feature-list>div>span{color:var(--accent);font-weight:800;font-size:12px}
.feature-list p{display:grid;margin:0;color:#b8c8c1}
.feature-list strong{color:white;font-size:17px;margin-bottom:4px}

.startup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.startup-card{position:relative;height:380px;border-radius:20px;overflow:hidden}
.startup-card img{width:100%;height:100%;object-fit:cover;transition:.5s}
.startup-card:hover img{transform:scale(1.05)}
.startup-overlay{position:absolute;inset:auto 0 0;padding:70px 22px 22px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.startup-overlay span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.startup-overlay h3{font-family:"Manrope";font-size:22px;margin:5px 0 0}

.ecosystem-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}
.ecosystem-grid .btn{margin-top:30px}
.ecosystem-list{display:grid}
.ecosystem-list>div{display:grid;grid-template-columns:56px .8fr 1.25fr;gap:18px;align-items:start;padding:24px 0;border-top:1px solid var(--line)}
.ecosystem-list span{color:var(--brand-dark);font-size:12px;font-weight:800}
.ecosystem-list h3{margin:0;font-family:"Manrope";font-size:18px}
.ecosystem-list p{margin:0;color:var(--muted);font-size:14px}

.mentor-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}
.mentor-copy>p{color:var(--muted);font-size:18px}
.mentor-points{display:grid;gap:18px;margin:32px 0}
.mentor-points div{display:grid;border-left:3px solid var(--brand);padding-left:16px}
.mentor-points span{color:var(--muted);font-size:14px}
.mentor-images{position:relative;padding:0 0 50px 60px}
.mentor-main{width:100%;height:550px;object-fit:cover;border-radius:28px}
.mentor-small{position:absolute;left:0;bottom:0;width:230px;height:250px;object-fit:cover;border:8px solid white;border-radius:22px}

.testimonials .section-heading{margin-bottom:42px}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.quote-card{margin:0;border:1px solid rgba(255,255,255,.17);border-radius:24px;padding:28px}
.quote-card img{width:62px;height:62px;border-radius:50%;object-fit:cover;margin-bottom:24px}
.quote-card p{font-family:"Manrope";font-size:22px;line-height:1.45;margin:0 0 25px}
.quote-card footer{display:grid}
.quote-card footer span{color:#9eb0a8;font-size:13px}

.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.accordion details{border-top:1px solid var(--line);padding:22px 0}
.accordion summary{cursor:pointer;font-family:"Manrope";font-weight:700;font-size:18px;list-style:none}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"+";float:right;font-size:24px;color:var(--brand-dark)}
.accordion details[open] summary::after{content:"–"}
.accordion p{color:var(--muted);max-width:720px;margin-bottom:0}

.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card img{width:100%;height:260px;object-fit:cover;border-radius:20px;margin-bottom:17px}
.post-meta{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-dark);font-size:11px;font-weight:800}
.post-card h3,.post-card h2{font-family:"Manrope";font-size:21px;line-height:1.3;margin:10px 0 16px}
.post-card p{color:var(--muted)}
.post-grid-page .post-card h2{font-size:25px}

.cta{background:var(--brand);padding:62px 0;color:var(--ink)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.cta h2{font-family:"Manrope";font-size:clamp(36px,5vw,66px);margin:0;letter-spacing:-.04em}

.page-hero{padding:90px 0 70px;background:var(--cream)}
.page-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}
.page-hero-grid img{width:100%;height:520px;object-fit:cover;border-radius:28px}
.page-hero p{max-width:700px;color:var(--muted);font-size:18px}
.page-hero.compact h1{font-size:clamp(46px,6vw,78px);max-width:920px}
.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15)}
.stats-grid div{background:var(--ink);padding:42px;display:grid}
.stats-grid strong{font-family:"Manrope";font-size:48px;color:var(--accent)}
.stats-grid span{color:#b8c8c1}
.light-impact .impact-copy{color:var(--ink)}
.light-impact .impact-copy>p{color:var(--muted)}
.dark-text-list>div{border-color:var(--line)}
.dark-text-list strong{color:var(--ink)}
.dark-text-list p{color:var(--muted)}

.service-sections{padding-top:70px}
.service-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0;border-bottom:1px solid var(--line)}
.service-row.reverse img{order:2}
.service-row img{width:100%;height:470px;object-fit:cover;border-radius:24px}
.service-label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-dark);font-weight:800}
.service-row h2{font-family:"Manrope";font-size:43px;line-height:1.1;margin:10px 0 18px}
.service-row p{color:var(--muted);font-size:17px;margin-bottom:25px}

.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:46px 28px}
.portfolio-grid article img{height:430px;width:100%;object-fit:cover;border-radius:22px;margin-bottom:18px}
.portfolio-grid article span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--brand-dark);font-weight:800}
.portfolio-grid h2{font-family:"Manrope";font-size:27px;margin:6px 0}

.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.contact-panel>p{color:var(--muted)}
.contact-panel img{height:300px;width:100%;object-fit:cover;border-radius:22px;margin-top:32px}
.contact-details{display:grid;gap:16px;margin-top:28px}
.contact-details div{display:grid;padding-bottom:14px;border-bottom:1px solid var(--line)}
.contact-details span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.contact-details a,.contact-details strong{font-size:17px;margin-top:2px}
.form-card{background:var(--cream);padding:36px;border-radius:24px;border:1px solid var(--line)}
.form-card h2{font-family:"Manrope";font-size:30px;margin:0 0 25px}
.field{display:grid;gap:8px;margin-bottom:18px}
.field label{font-size:13px;font-weight:700}
.field input,.field select,.field textarea{
    width:100%;border:1px solid #cbd8d1;background:white;border-radius:12px;padding:13px 14px;outline:none;transition:.2s
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-dark);box-shadow:0 0 0 3px rgba(22,211,107,.11)}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.form-aside p{color:var(--muted)}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check-list{padding:0;list-style:none;display:grid;gap:14px;margin-top:30px}
.check-list li{position:relative;padding-left:30px}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--brand);font-size:12px;font-weight:800}

.flash-shell{position:relative;z-index:10}
.flash{margin-top:18px;padding:14px 18px;border-radius:12px;font-weight:600}
.flash-success{background:#ddf8e8;color:#075e2f}
.flash-error{background:#ffe4e4;color:#8f1d1d}
.flash-info{background:#e8f1ff;color:#194a86}

.site-footer{background:#06100c;color:white;padding:74px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr 1.2fr;gap:48px}
.brand-footer{margin-bottom:22px}
.brand-footer .brand-mark{background:var(--accent);color:var(--ink)}
.brand-footer .brand-copy small{color:#9cad9f}
.footer-grid>div>p{color:#9cad9f;font-size:14px;max-width:420px}
.footer-grid h4{font-family:"Manrope";margin:0 0 20px}
.footer-grid>div>a{display:block;color:#b5c2bc;font-size:14px;margin:9px 0}
.footer-grid>div>a:hover{color:var(--accent)}
.newsletter{display:grid;grid-template-columns:1fr auto;gap:8px}
.newsletter input{min-width:0;padding:11px 13px;border:1px solid #304039;background:#0e1c16;color:white;border-radius:999px}
.footer-bottom{border-top:1px solid #233129;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#819189;font-size:12px}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:none}

@media (max-width: 1050px){
    .main-nav{gap:15px}.main-nav>a:not(.btn){font-size:13px}
    .hero-grid{gap:35px}.hero-media img{height:560px}
    .program-grid{grid-template-columns:repeat(2,1fr)}
    .ecosystem-grid,.mentor-grid,.faq-grid{gap:50px}
}
@media (max-width: 820px){
    .container{width:min(calc(100% - 28px),var(--max))}
    .nav-wrap{height:72px}
    .menu-toggle{display:block}
    .main-nav{
        position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;
        padding:20px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)
    }
    .main-nav.open{display:flex}
    .main-nav .btn{margin-top:5px}
    .brand-copy small{display:none}
    .hero{padding-top:42px}
    .hero-grid,.intro-grid,.impact-grid,.ecosystem-grid,.mentor-grid,.faq-grid,.page-hero-grid,.contact-grid,.form-layout{grid-template-columns:1fr}
    .hero-media{order:-1}
    .hero-media img{height:420px}
    .floating-card{left:16px}
    .hero-proof{margin-top:36px}
    .section{padding:78px 0}
    .section-heading.split{align-items:start;flex-direction:column;margin-bottom:32px}
    .program-grid,.startup-grid,.post-grid{grid-template-columns:1fr 1fr}
    .impact-media img{height:440px}
    .mentor-images{max-width:620px}
    .ecosystem-list>div{grid-template-columns:45px 1fr}
    .ecosystem-list p{grid-column:2}
    .service-row,.service-row.reverse{grid-template-columns:1fr;gap:30px;padding:38px 0}
    .service-row.reverse img{order:0}
    .portfolio-grid{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
    .footer-bottom{flex-direction:column}
}
@media (max-width: 560px){
    .hero h1,.page-hero h1,.page-hero.compact h1{font-size:46px}
    .hero-lead{font-size:16px}
    .hero-media img{height:350px;border-radius:22px}
    .floating-card{position:relative;left:auto;bottom:auto;margin:-28px 14px 0}
    .hero-proof{grid-template-columns:1fr;gap:14px}
    .hero-proof div{grid-template-columns:80px 1fr;align-items:center}
    .hero-proof span{margin-top:0}
    .marquee{justify-content:flex-start;white-space:nowrap;overflow:auto}
    .mini-grid,.program-grid,.startup-grid,.post-grid,.testimonial-grid,.portfolio-grid,.form-two{grid-template-columns:1fr}
    .startup-card{height:330px}
    .section-heading h2,.impact-copy h2,.mentor-copy h2,.contact-panel h2,.form-aside h2{font-size:36px}
    .mentor-images{padding-left:28px}
    .mentor-main{height:400px}
    .mentor-small{width:160px;height:180px}
    .stats-grid{grid-template-columns:1fr 1fr}
    .stats-grid div{padding:25px 20px}
    .stats-grid strong{font-size:34px}
    .service-row img,.portfolio-grid article img{height:310px}
    .service-row h2{font-size:34px}
    .form-card{padding:24px 18px}
    .cta-inner{align-items:flex-start;flex-direction:column}
    .footer-grid{grid-template-columns:1fr}
    .newsletter{grid-template-columns:1fr}
}

/* =====================================
   L.E.G.I.T MAIN LOGO
===================================== */

.site-logo {
    display: block;
    width: auto;
    height: 58px;
    max-width: 230px;
    object-fit: contain;
}

.brand {
    display: flex;
    align-items: center;
    text-decoration: none;
}

@media (max-width: 820px) {
    .site-logo {
        height: 46px;
        max-width: 185px;
    }
}


/* =========================================================
   L.E.G.I.T GLOSSY / SHINY BRAND EFFECTS
========================================================= */

/* Glossy page background accents */
body {
    background:
        radial-gradient(circle at top left, rgba(11, 119, 179, 0.10), transparent 32%),
        radial-gradient(circle at top right, rgba(41, 46, 88, 0.08), transparent 28%),
        #ffffff;
}

/* Glassy sticky header */
.site-header {
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(11, 119, 179, 0.15);
    box-shadow: 0 8px 30px rgba(27, 80, 130, 0.08);
}

/* Glossy main buttons */
.btn {
    position: relative;
    overflow: hidden;
    border: none;
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #292E58 0%,
            #1B5082 45%,
            #0B77B3 75%,
            #1599D1 100%
        );

    box-shadow:
        0 10px 25px rgba(11, 119, 179, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.30);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}

/* Shine line moving across button */
.btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255, 255, 255, 0.38),
            transparent
        );

    transform: skewX(-20deg);
    transition: left 0.6s ease;
}

.btn:hover::before {
    left: 140%;
}

.btn:hover {
    transform: translateY(-3px);

    box-shadow:
        0 16px 35px rgba(11, 119, 179, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);

    filter: brightness(1.08);
}

/* Glossy cards */
.program-card,
.post-card,
.quote-card,
.form-card {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(241, 248, 253, 0.95)
        );

    border: 1px solid rgba(11, 119, 179, 0.15);

    box-shadow:
        0 14px 35px rgba(27, 80, 130, 0.10),
        inset 0 1px 0 rgba(255, 255, 255, 0.75);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.program-card:hover,
.post-card:hover {
    transform: translateY(-8px);

    box-shadow:
        0 24px 50px rgba(11, 119, 179, 0.18),
        0 0 22px rgba(11, 119, 179, 0.08);
}

/* Glossy hero image */
.hero-media img,
.page-hero-grid img,
.impact-media img,
.mentor-main,
.service-row img,
.portfolio-grid article img {
    box-shadow:
        0 24px 55px rgba(27, 80, 130, 0.20),
        0 0 1px rgba(255, 255, 255, 0.8);
}

/* Premium shiny dark sections */
.dark-section,
.site-footer {
    background:
        radial-gradient(
            circle at 20% 10%,
            rgba(11, 119, 179, 0.35),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #1C2145 0%,
            #292E58 45%,
            #123F67 100%
        );
}

/* Shiny CTA section */
.cta {
    background:
        linear-gradient(
            120deg,
            #0B77B3 0%,
            #178BC5 45%,
            #5FB9E3 100%
        );

    position: relative;
    overflow: hidden;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.cta::after {
    content: "";
    position: absolute;
    top: -70%;
    left: -20%;

    width: 55%;
    height: 220%;

    background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255, 255, 255, 0.18),
            transparent
        );

    transform: rotate(20deg);
}

/* Glossy statistics */
.stats-grid div {
    background:
        linear-gradient(
            145deg,
            rgba(41, 46, 88, 0.98),
            rgba(27, 80, 130, 0.96)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.stats-grid strong {
    color: #8DD6F5;

    text-shadow:
        0 0 15px rgba(141, 214, 245, 0.35);
}

/* Shiny heading emphasis */
.hero h1 span,
.eyebrow,
.service-label,
.post-meta {
    background:
        linear-gradient(
            90deg,
            #1B5082,
            #0B77B3,
            #1599D1
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Glossy form fields */
.field input,
.field select,
.field textarea,
.newsletter input {
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.98),
            rgba(245, 250, 253, 0.97)
        );

    border: 1px solid rgba(27, 80, 130, 0.22);

    box-shadow:
        inset 0 1px 3px rgba(41, 46, 88, 0.04);

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.field input:focus,
.field select:focus,
.field textarea:focus {
    border-color: #0B77B3;

    box-shadow:
        0 0 0 4px rgba(11, 119, 179, 0.12),
        0 7px 20px rgba(11, 119, 179, 0.08);
}

/* Navigation shine */
.main-nav > a:not(.btn)::after {
    background:
        linear-gradient(
            90deg,
            #1B5082,
            #0B77B3,
            #5FB9E3
        );
}

/* Floating card glass effect */
.floating-card {
    background: rgba(255, 255, 255, 0.88);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border: 1px solid rgba(255, 255, 255, 0.65);

    box-shadow:
        0 18px 45px rgba(27, 80, 130, 0.18);
}

/* Logo subtle glow */
.site-logo {
    filter:
        drop-shadow(0 5px 10px rgba(11, 119, 179, 0.15));
}

/* Smooth image shine on hover */
.card-image,
.startup-card,
.hero-media {
    position: relative;
    overflow: hidden;
}

.card-image::after,
.startup-card::after {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            120deg,
            transparent 35%,
            rgba(255, 255, 255, 0.18) 50%,
            transparent 65%
        );

    transform: translateX(-120%);
    transition: transform 0.7s ease;
    pointer-events: none;
}

.program-card:hover .card-image::after,
.startup-card:hover::after {
    transform: translateX(120%);
}


/* =========================================================
   MOBILE POLISH
========================================================= */

@media (max-width: 820px) {

    .main-nav {
        background: rgba(255, 255, 255, 0.94);

        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);

        border: 1px solid rgba(11, 119, 179, 0.14);

        box-shadow:
            0 18px 45px rgba(27, 80, 130, 0.16);
    }

    .btn {
        box-shadow:
            0 8px 20px rgba(11, 119, 179, 0.23);
    }
}