@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.quicksand-font {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}


:root {
    --cu-blue:#49a9e6;
    --cu-blue-dark:#278fcf;
    --cu-pale:#dff3ff;
    --cu-soft:#eef8ff;
    --cu-orange:#e75d2f;
    --cu-ink:#222;
    --cu-line:#8ed0f4;
    --cu-white:#fff;
    --cu-shadow:0 18px 50px rgba(29,94,135,.14);
}

* {
    box-sizing:border-box;
}

html {
    scroll-behavior:smooth;
}

body {
    margin:0;
   font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
    color:var(--cu-ink);
    background:#fff;
    line-height:1.45;
    overflow-x:hidden;
}

.container-fluid {
    width:100%;
    margin:0;
    padding-left:0;
    padding-right:0;
}

.container {
    position:relative;
}

.top-strip {
    padding:16px 0 8px;
    background:#fff;
}

.logo-row {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px;
}

.college-logos,.university-logo {
    display:flex;
    align-items:center;
    gap:18px;
}

.logo-placeholder {
    
   
    display:grid;
    place-items:center;
    padding:8px 14px;
    font-weight:700;
    font-size:.76rem;
    text-align:center;
}

.college-logos .logo-placeholder {
    width:250px;
}

.university-logo .logo-placeholder {
    width:285px;
    min-height:88px;
    font-size:1rem;
}

.hero {
    position:relative;
    overflow:hidden;
    background:linear-gradient(90deg,#f7fbff 0%,#d7efff 48%,#b8e4fb 100%);
    padding:40px 0 26px;
}

.hero:after {
    content:"";
    position:absolute;
    right:-120px;
    bottom:-140px;
    width:430px;
    height:430px;
    background:radial-gradient(circle at 50% 50%,rgba(73,169,230,.12),rgba(73,169,230,0) 70%);
    border-radius:50%;
}

.hero-grid {
    display:grid;
    grid-template-columns:1.35fr .65fr;
    gap:38px;
    align-items:flex-start;
}

.brand-lockup {
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:24px;
}

.mark-placeholder {
    width:170px;
    height:105px;
    border:1px dashed #6cb8e9;
    background:#fff8;
    display:grid;
    place-items:center;
    color:#358fc8;
    font-weight:800;
}

.brand-title {
    font-size:clamp(2.3rem,5vw,4.9rem);
    font-weight:800;
    letter-spacing:-.04em;
    line-height:.92;
}

.brand-title .blue {
    color:var(--cu-blue);
}

.brand-title .orange {
    color:var(--cu-orange);
}

.brand-sub {
    font-size:.72rem;
    letter-spacing:.16em;
    font-weight:700;
    max-width:580px;
}

.brand-tag {
    font-size:.88rem;
    font-style:italic;
    font-weight:700;
    margin-top:5px;
}



.date-banner {
    display:inline-block;
    background:var(--cu-blue);
    color:#fff;
    font-weight:700;
    padding:8px 12px;
    font-size:clamp(1rem,2.2vw,1.45rem);
    box-shadow:9px 0 0 #8fd0f5;
}

.meta-row {
    display:flex;
    gap:32px;
    flex-wrap:wrap;
    font-weight:700;
    margin:12px 0 22px;
}

.theme-copy {
    max-width:820px;
}

.hero-art {
   
    display:grid;
   
    position:relative;
}

.cross-photo {
    width:min(100%,380px);
    aspect-ratio:1;
    background:#d9f2ff;
    clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);
    overflow:hidden;
}

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

.photo-placeholder {
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#c9ecff,#88c8ee);
    color:#1e6f9e;
    font-weight:800;
    text-align:center;
    padding:30px;
}

.main-nav {
    position:sticky;
    top:0;
    z-index:50;
    background:#b9def4;
    border-top:1px solid #95cdf0;
    border-bottom:1px solid #95cdf0;
}

.nav-inner {
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.nav-links {
    display:flex;
    gap:0;
    list-style:none;
    margin:0;
    padding:0;
}

.nav-links a {
    display:block;
    padding:17px 18px;
    color:#202020;
    text-decoration:none;
    font-weight:700;
    white-space:nowrap;
}

.nav-links a:hover,.nav-links a.active {
    background:#8ecaf0;
}

.menu-btn {
    display:none;
    border:0;
    background:none;
    font-size:1.65rem;
    padding:12px;
}

.section {
    padding:48px 0;
    border-bottom:1px solid var(--cu-line);
}

.section-title {
    text-align:center;
    color:var(--cu-blue);
    font-size:clamp(1.8rem,3vw,3rem);
    margin:0 0 22px;
    font-weight:600;
}

.section-intro {
    text-align:center;
    max-width:900px;
    margin:0 auto 32px;
}

.welcome {
    background:linear-gradient(90deg,#fff,#dff2ff);
}

.welcome-grid {
    display:grid;
    grid-template-columns:1.2fr .8fr;
    gap:30px;
    align-items:flex-start;
}

.welcome h2 {
    font-size:clamp(2rem,3vw,3rem);
    margin:0 0 12px;
}

.welcome h3 {
    font-size:clamp(1.45rem,2.5vw,2.2rem);
    margin:18px 0 10px;
}

.watermark-cross {
    height:360px;
    position:relative;
    opacity:.17;
}




.btn-row {
    display:flex;
    gap:28px;
    flex-wrap:wrap;
    margin-top:28px;
}

.cu-btn {
    display:inline-block;
    background:var(--cu-blue);
    color:#fff;
    text-decoration:none;
    padding:10px 14px;
    font-size:1.05rem;
    box-shadow:8px 0 0 #7cc5f2;
    transition:.25s;
}

.cu-btn:hover {
    transform:translateY(-2px);
    background:var(--cu-blue-dark);
}

.speaker-list {
    display:grid;
    gap:8px;
}

.speaker-row {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.speaker-card,.speaker-topic {
    background:linear-gradient(110deg,#edf8ff,#a9dcf7);
    min-height:92px;
    display:flex;
    align-items:center;
}

.speaker-card img {
    width:98px;
    height:92px;
    object-fit:cover;border-radius:15px;background:#fff;border:2px solid #fff;
}

.speaker-photo {
    width:98px;
    height:92px;
    background:#fff;
    display:grid;
    place-items:center;
    font-weight:700;
    color:#337ca8;
	
}

.speaker-name {
    font-weight:700;
    padding:0 24px;
}

.speaker-topic {
    padding:14px 28px;
}

.speaker-topic strong {
    display:block;
}

.cards-3 {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:#cbeafe;
}

.category-head {
    background:var(--cu-blue);
    color:#fff;
    padding:28px 28px 22px;
    min-height:250px;
}

.category-num {
    font-size:8rem;
    line-height:.8;
    font-weight:800;
    color:transparent;
    background:linear-gradient(#fff,#6bc0ef);
    -webkit-background-clip:text;
    background-clip:text;
}

.category-head h3 {
    font-size:1.8rem;
    line-height:1;
    margin:18px 0 0;
}

.category-body {
    background:#fff;
    padding:28px;
    border-right:1px dashed #b7dff6;
}

.category-body h4 {
    color:var(--cu-blue);
    margin:10px 0 2px;
}

.category-body ul {
    padding-left:18px;
}

.theme-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:36px;
}

.theme-card {
    padding:8px 8px 26px;
    border-bottom:1px dashed #a7d7f2;
}

.theme-card h3 {
    color:var(--cu-blue);
    font-size:2rem;
    line-height:1.15;
    margin:0 0 12px;
}

.theme-card h4 {
    font-size:1.35rem;
    margin:0 0 8px;
}

.theme-card ul {
    padding-left:20px;
    font-size:1.06rem;
}

.image-panel {
    min-height:285px;
    background:linear-gradient(135deg,#61d7e7,#278fcf);
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:700;
}

.schedule-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
}

.schedule-day h3 {
    text-decoration:underline;
    font-size:1.4rem;
}

.schedule-head,.schedule-row {
    display:grid;
    grid-template-columns:145px 1fr;
    gap:12px;
    padding:8px 12px;
}

.schedule-head {
    font-weight:800;
    font-size:1.15rem;
}

.schedule-row:nth-child(even) {
    background:#e5f2fa;
}

.talk-table {
    overflow-x:auto;
}

.talk-table table {
    width:100%;
    border-collapse:collapse;
    background:#f4faff;
}

.talk-table th,.talk-table td {
    padding:12px;
    border-bottom:1px dotted #b5d8ef;
    vertical-align:middle;
}

.talk-table th {
    color:var(--cu-blue);
    background:#fff;
}

.talk-table img,.talk-table .mini-photo {
    width:76px;
    height:66px;
    object-fit:cover;
    background:#d9edf9;
}

.awards-grid {
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:24px;
}

.award-table {
    background:var(--cu-blue);
    color:#fff;
}

.award-row {
    display:grid;
    grid-template-columns:1fr 120px;
    border-bottom:1px dashed rgba(255,255,255,.38);
}

.award-row div {
    padding:10px 16px;
}

.criteria {
    padding:14px 20px;
}

.criteria h3 {
    font-size:1.4rem;
}

.call-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
}

.date-card,.platform-card,.peer-card,.call-image {
    min-height:300px;
    padding:40px;
}

.date-card,.platform-card {
    background:#f0f8fd;
}

.peer-card {
    background:var(--cu-blue);
    color:#fff;
}

.call-image {
    background:linear-gradient(135deg,#c9efff,#3ca8e4);
    display:grid;
    place-items:center;
}

.date-row {
    display:grid;
    grid-template-columns:1fr 150px;
    padding:12px 0;
    border-bottom:1px dotted #9fcce6;
}

.qr-placeholder {
    width:150px;
    height:150px;
    border:2px dashed #222;
    display:grid;
    place-items:center;
    background:#fff;
    margin-top:15px;
}

.footer {
    padding:28px 0;
}

.footer-inner {
    display:grid;
    grid-template-columns:1fr auto;
    gap:20px;
    align-items:center;
}

.footer-logos {
    display:flex;
    gap:28px;
    align-items:center;
}

.footer .logo-placeholder {
   
}

.reveal {
    opacity:0;
    transform:translateY(25px);
    transition:opacity .7s ease,transform .7s ease;
}

.reveal.visible {
    opacity:1;
    transform:none;
}

.back-top {
    position:fixed;
    right:18px;
    bottom:18px;
    width:46px;
    height:46px;
    border-radius:50%;
    border:0;
    background:var(--cu-blue);
    color:#fff;
    font-size:1.2rem;
    display:none;
    z-index:99;
}

.back-top.show {
    display:block;
}

@media(max-width:992px) {
    .college-logos {
        display:grid;
        grid-template-columns:repeat(4,1fr);
    }

    .university-logo .logo-placeholder {
        width:230px;
    }

    .hero-grid,.welcome-grid {
        grid-template-columns:1fr;
    }

    .hero-art {
        min-height:300px;
    }

    .nav-links {
        position:fixed;
        left:-100%;
        top:0;
        bottom:0;
        width:min(320px,84vw);
        background:#dff2ff;
        display:block;
        padding-top:70px;
        transition:.3s;
        box-shadow:10px 0 30px #0002;
    }

    .nav-links.open {
        left:0;
    }

    .nav-links a {
        border-bottom:1px solid #b7dff6;
    }

    .menu-btn {
        display:block;
    }

    .cards-3,.theme-grid,.schedule-grid,.awards-grid,.call-grid {
        grid-template-columns:1fr;
    }

    .speaker-row {
        grid-template-columns:1fr;
    }

    .footer-inner {
        grid-template-columns:1fr;
    }

    .footer-logos {
        flex-wrap:wrap;
    }

    .hero h1 {
        max-width:800px;
    }

}

@media(max-width:640px) {
    .logo-row {
        align-items:flex-start;
    }

    .college-logos {
        display:block;
    }

    .university-logo {
        width:100%;
    }

    .university-logo .logo-placeholder {
        width:100%;
    }

    .hero {
        padding-top:26px;
    }

    .brand-lockup {
        display:block;
    }

    .mark-placeholder {
        width:150px;
        height:90px;
        margin-bottom:14px;
    }

    .hero-art {
        display:none;
    }

    .meta-row {
        gap:8px 20px;
    }

    .speaker-card,.speaker-topic {
        min-height:82px;
    }

    .speaker-photo,.speaker-card img {
        width:82px;
        height:82px;
    }

    .speaker-name {
        padding:0 14px;
    }

    .speaker-topic {
        padding:14px 18px;
    }

    .category-head {
        min-height:190px;
    }

    .category-num {
        font-size:6rem;
    }

    .category-body {
        padding:20px;
    }

    .schedule-head,.schedule-row {
        grid-template-columns:112px 1fr;
        font-size:.9rem;
    }

    .talk-table {
        font-size:.88rem;
    }

    .award-row {
        grid-template-columns:1fr 72px;
    }

    .date-card,.platform-card,.peer-card,.call-image {
        padding:24px;
    }

    .date-row {
        grid-template-columns:1fr 110px;
    }

    .footer-logos {
        gap:10px;
    }

    .footer .logo-placeholder {
        width:120px;
    }

}

/* Bootstrap full-width layout adjustments */
.top-strip,.hero,.main-nav,.section,.footer {
    width:100%;
}

@media (min-width:1400px) {
    .container {
        max-width:1320px;
    }

}

@media (max-width:700px) {
	.college-logos .logo-placeholder{width:100%}

  }


@media (max-width:575.98px) {
	.college-logos .logo-placeholder{width:100%}
	.college-logos .logo-placeholder img{height:inherit}
    .container {
        padding-left:16px;
        padding-right:16px;
    }

}
.welcome h2{font-family: "Quicksand", sans-serif;font-weight:800;font-size:25px;margin-bottom:35px;}
.hero h1{font-family: "Quicksand", sans-serif;font-weight:800;margin:35px 0;font-size:45px;margin-bottom:10px}
.section-title{font-family: "Quicksand", sans-serif;font-weight:800;}


.college-logos .logo-placeholder img{height:80px;}
.hero-art img{max-width:350px}

.watermark-cross img{max-width:450px;}
.brand-lockup img{max-width:600px}
.brand-lockup img{max-width:600px;margin-bottom:25px}
.footer-logos img{height:60px;}