
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{
--navy:#102d63;--deep:#071a3d;--pink:#ec1879;--magenta:#c90d68;--yellow:#f4bd25;
--orange:#f37a28;--blue:#20a8dc;--green:#58ad35;--purple:#67358e;
--cream:#fffaf3;--ink:#17243b;--muted:#65738a;--line:#e7e9ee;--white:#fff;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1320px,92%);margin:auto}
.topbar{height:32px;background:var(--deep);color:#eef4ff;font:700 11px Manrope;letter-spacing:.3px}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}
header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px #071a3d0c}
.nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:34px}.logo{height:94px;width:auto;max-width:190px;object-fit:contain;display:block}
.menu{display:flex;align-items:center;gap:25px;font:800 12.5px Manrope}.menu a{color:var(--navy);position:relative}.menu a:not(.btn):after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--pink);transition:.2s}.menu a:hover:after,.menu a.active:after{right:0}.menu a:hover,.menu a.active{color:var(--pink)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:7px;font:800 12px Manrope;transition:.25s;border:0;cursor:pointer}.btn-primary{color:#fff;background:var(--pink);box-shadow:0 10px 24px #ec187933}.btn-primary:hover{background:var(--magenta);transform:translateY(-2px)}.btn-dark{background:var(--navy);color:#fff}.btn-outline{background:#fff;color:var(--navy);border:1px solid #ccd3df}.btn-outline:hover{background:var(--navy);color:#fff}.hamb{display:none;border:0;background:none;color:var(--navy);font-size:28px}

footer {
    background: #061936;
    color: #b9c9e5;
    padding: 65px 0 30px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 60px;
}

.footer-grid h4 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 25px;
}

.footer-grid a {
    display: block;          /* IMPORTANT */
    color: #b9c9e5;
    text-decoration: none;
    margin-bottom: 14px;
    line-height: 1.5;
}

.footer-grid a:hover {
    color: #ffffff;
}

.footer-grid p {
    line-height: 1.7;
    margin: 0;
}

.footer-logo {
    width: 85px;
    height: auto;
    margin-bottom: 25px;
}

.copyright {
    grid-column: 1 / -1;
    border-top: 1px solid rgba(255,255,255,0.15);
    padding-top: 25px;
    margin-top: 40px;
    font-size: 13px;
}


.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 52%,#fff8fc 100%);padding:86px 0 96px}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-250px;top:-280px;background:#ec18790b;border:1px solid #ec18791c;box-shadow:0 0 0 60px #20a8dc06,0 0 0 120px #f4bd2506}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.eyebrow{display:inline-flex;border-left:3px solid var(--pink);padding:4px 0 4px 12px;color:var(--pink);font:800 11px Manrope;letter-spacing:1.2px;text-transform:uppercase}
.hero h1{font:800 clamp(56px,5.7vw,82px)/.94 Manrope;letter-spacing:-3px;color:var(--navy);margin:19px 0}.hero h1 span{display:block;color:var(--pink)}
.hero p{font-size:16px;line-height:1.85;color:#5c6a80;max-width:630px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.hero-meta{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #dddcd7;margin-top:34px;padding-top:20px}.hero-meta b{font:800 11px Manrope;color:var(--navy)}.hero-meta span{display:block;color:#7c8796;font-size:11px}
.hero-media{position:relative}.hero-media img{width:100%;height:560px;object-fit:cover;display:block;box-shadow:0 28px 70px #071a3d22;border-radius:2px}
.media-label{position:absolute;left:-26px;bottom:26px;background:var(--navy);color:#fff;padding:15px 18px;min-width:190px}.media-label b{display:block;font:800 19px Manrope}.media-label small{font:600 9px Manrope;color:#cad5e7;letter-spacing:1px;text-transform:uppercase}

.color-strip{display:grid;grid-template-columns:repeat(5,1fr);height:7px}.color-strip i:nth-child(1){background:var(--pink)}.color-strip i:nth-child(2){background:var(--yellow)}.color-strip i:nth-child(3){background:var(--green)}.color-strip i:nth-child(4){background:var(--blue)}.color-strip i:nth-child(5){background:var(--purple)}
.section{padding:96px 0}.section.alt{background:#f6f8fb}.section-head{text-align:center;max-width:780px;margin:0 auto 45px}.tag{font:800 11px Manrope;color:var(--pink);letter-spacing:1.7px;text-transform:uppercase}.section-head h2,.split h2{font:800 48px/1.05 Manrope;color:var(--navy);letter-spacing:-1.7px;margin:10px 0 14px}.section-head p{color:var(--muted);line-height:1.8}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border:1px solid #e9edf4;border-radius:18px;padding:30px 26px;min-height:230px;position:relative;transition:.25s}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:.3s}.card:hover{transform:translateY(-6px);box-shadow:0 20px 42px #071a3d12}.card:hover:before{transform:scaleX(1)}
.icon{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;font:800 14px Manrope;margin-bottom:17px}.pink{background:var(--pink)}.yellow{background:var(--yellow);color:var(--navy)}.green{background:var(--green)}.blue{background:var(--blue)}.purple{background:var(--purple)}.orange{background:var(--orange)}
.card h3{font:800 17px Manrope;color:var(--navy);margin:0 0 8px}.card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}

.stats{background:linear-gradient(105deg,var(--deep),var(--navy));color:#fff;padding:52px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat{border-right:1px solid #ffffff1f}.stat:last-child{border:0}.stat b{font:800 34px Manrope;display:block}.stat span{font:500 11px Manrope;color:#c6d1e2}
.split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.split img{width:100%;height:470px;border-radius:4px;object-fit:cover;box-shadow:0 20px 50px #071a3d15}.split p{color:var(--muted);line-height:1.85}.checklist{list-style:none;padding:0}.checklist li{font-size:14px;color:#58657a;margin:12px 0}.checklist li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}

.eventbox{position:relative;overflow:hidden;background:var(--deep);color:#fff;padding:48px}.eventbox:before{content:"";position:absolute;right:-170px;bottom:-230px;width:420px;height:420px;border-radius:50%;border:1px solid #ffffff1c;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03}.event-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:50px}.eventbox h2{font:800 43px/1.05 Manrope;letter-spacing:-1.5px;margin:10px 0 14px}.eventbox p{color:#c4d0e0;line-height:1.8}.event-details{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff18}.detail{background:var(--deep);padding:20px}.detail b{display:block;font:800 10px Manrope;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.detail span{font-size:13px;color:#b7c4d7}

.gallery{display:grid;grid-template-columns:1.35fr .65fr .65fr;gap:15px}.gallery img{width:100%;height:260px;object-fit:cover;display:block;transition:.25s}.gallery img:first-child{height:535px;grid-row:span 2}.gallery img:hover{transform:scale(1.015)}
.form-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.form-card{background:#fff;border:1px solid var(--line);padding:30px;box-shadow:0 18px 45px #071a3d0d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{margin-bottom:13px}.field.full{grid-column:1/-1}.field label{display:block;font:700 11px Manrope;color:var(--navy);margin-bottom:7px}input,textarea,select{width:100%;padding:13px;border:1px solid #d8dee7;border-radius:6px;font:14px "DM Sans";outline:none;background:#fff}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ec187914}textarea{min-height:125px;resize:vertical}
.page-hero{background:var(--deep);color:#fff;padding:66px 0;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #ffffff18;border-radius:50%;right:-160px;top:-200px}.page-hero h1{font:800 58px Manrope;letter-spacing:-2px;margin:0}.page-hero p{max-width:720px;color:#c7d1e0;line-height:1.8;margin:14px 0 0}
footer{background:#061631;color:#afbdd1;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}.footer-logo{height:58px;background:#fff;padding:5px}.footer h4{color:#fff;font:800 11px Manrope;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}.footer a,.footer p{font-size:13px;line-height:1.9;color:#aab8ce;display:block}.footer a:hover{color:#fff}.copyright{border-top:1px solid #ffffff1a;margin-top:35px;padding-top:17px;font-size:11px;color:#7f91ad}

@media(max-width:950px){.menu{display:none}.hamb{display:block}.nav{height:88px}.logo{height:76px;max-width:165px}.mobile-menu{display:flex!important;position:absolute;top:88px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:flex-start;gap:17px;border-bottom:1px solid var(--line);box-shadow:0 12px 25px #071a3d15}.hero-grid,.split,.event-grid,.form-wrap{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.topbar{display:none}.cards,.stats-grid,.gallery,.form-grid,.event-details{grid-template-columns:1fr}.container{width:92%}.hero{padding:50px 0 60px}.hero h1{font-size:48px}.hero-media img{height:310px}.section{padding:62px 0}.section-head h2,.split h2{font-size:36px}.eventbox{padding:30px 22px}.eventbox h2{font-size:36px}.page-hero h1{font-size:45px}.logo{height:68px;max-width:150px}.gallery img,.gallery img:first-child{height:300px;grid-row:auto}.footer-grid{grid-template-columns:1fr}}
