@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--navy:#0b1f3a;--blue:#007aff;--text:#172033;--muted:#64748b;--line:#e6eaf0;--surface:#f5f7fa;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--surface);overflow-x:hidden}body.overlay-open{overflow:hidden}button,a{font:inherit}a{text-decoration:none;color:inherit}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.site-header{height:76px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 clamp(16px,3vw,42px);position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;gap:10px;min-width:245px}.brand img{border-radius:12px}.brand strong{display:block;font-family:'Manrope';font-size:14px;color:var(--navy)}.brand small{display:block;font-size:9px;color:var(--muted);margin-top:1px}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1}.nav-item{position:relative}.nav-link{border:0;background:transparent;padding:10px 10px;color:#334155;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.nav-link span{font-size:12px;margin-left:3px}.nav-link:hover{color:var(--blue)}
.dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 45px rgba(15,23,42,.12);display:none}.nav-item.open .dropdown{display:block}.dropdown.wide{min-width:285px}.dropdown a{display:block;padding:10px;border-radius:9px;font-size:10px;color:#334155}.dropdown a:hover{background:#f1f5f9;color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.mobile-menu-button{border:1px solid var(--line);background:#fff;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;position:relative;color:var(--navy)}.icon-button svg,.mobile-menu-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-count{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:9px;background:var(--blue);color:#fff;font-size:8px;font-weight:800;display:grid;place-items:center;padding:0 4px}.login-button{border:0;background:var(--navy);color:#fff;border-radius:11px;padding:10px 15px;font-size:10px;font-weight:800;cursor:pointer}.mobile-menu-button{display:none}
.mobile-nav,.notification-center{position:fixed;left:0;right:0;top:76px;bottom:0;background:rgba(245,247,250,.98);z-index:90;overflow:auto;display:none}.mobile-nav.open,.notification-center.open{display:block}.mobile-nav-inner{padding:18px 16px 40px}.mobile-nav-inner>a,.mobile-nav summary{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);font-weight:700;font-size:14px}.mobile-nav details div{padding:5px 0 8px 12px}.mobile-nav details a{display:block;padding:11px 0;color:var(--muted);font-size:12px}.mobile-login{margin-top:18px;width:100%;border:0;border-radius:13px;padding:13px;background:var(--navy);color:#fff;font-weight:800}
.notification-center-inner{max-width:980px;margin:0 auto;padding:34px 20px 100px}.notification-center-heading{text-align:center;margin-bottom:24px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--blue)}.notification-center-heading h1{font:800 clamp(22px,4vw,34px)/1.1 'Manrope';color:var(--navy);margin:9px 0}.notification-center-heading p{color:var(--muted);font-size:11px;margin:0}
.notification-toolbar{display:flex;gap:8px;margin-bottom:10px}.notification-search{height:44px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;gap:8px;padding:0 12px;flex:1;color:var(--muted)}.notification-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.notification-search input{border:0;outline:0;min-width:0;flex:1;font-size:11px;background:transparent}.mark-all-read{border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px;font-size:10px;font-weight:800;color:var(--navy);cursor:pointer}.notification-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding:0 2px 10px}.notification-summary strong{color:var(--navy)}
.notification-filters{display:flex;gap:7px;overflow:auto;padding:0 0 14px;scrollbar-width:none}.filter-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;white-space:nowrap;font-size:9px;font-weight:800;color:var(--muted);cursor:pointer}.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}
.notification-date-group{margin-top:12px}.notification-date-group h2{font:800 12px 'Manrope';color:var(--navy);margin:16px 2px 8px}.notification-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:flex;gap:12px;margin-bottom:8px;cursor:pointer}.notification-card.unread{border-left:3px solid var(--blue)}.notification-card-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#f0f4f8;display:grid;place-items:center;font-size:16px}.notification-content{min-width:0;flex:1}.notification-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.notification-meta time{margin-left:auto;text-transform:none;font-weight:600}.unread-label{color:var(--blue)}.notification-content h3{font:800 13px/1.35 'Manrope';margin:5px 0;color:var(--navy)}.notification-content p{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.notification-actions{display:flex;gap:12px;margin-top:8px}.notification-actions button,.notification-actions a{border:0;background:transparent;color:var(--blue);padding:0;font-size:9px;font-weight:800;cursor:pointer}.loading-state{text-align:center;padding:35px;color:var(--muted);font-size:11px}.notification-empty{text-align:center;padding:45px}.notification-empty>div{font-size:30px}.notification-empty h3{font:800 15px 'Manrope';color:var(--navy);margin:5px}.notification-empty p{font-size:10px;color:var(--muted)}.notification-center-footer{position:fixed;bottom:0;left:0;right:0;height:38px;background:rgba(255,255,255,.94);border-top:1px solid var(--line);display:grid;place-items:center;font-size:9px;color:var(--muted);z-index:2}
.section-shell{width:min(1120px,calc(100% - 36px));margin:auto}.hero-section{min-height:580px;display:grid;grid-template-columns:1.5fr .8fr;align-items:center;gap:60px;padding-top:70px;padding-bottom:70px}.hero-copy h1{font:800 clamp(42px,6vw,72px)/1.02 'Manrope';letter-spacing:-.05em;color:var(--navy);max-width:760px;margin:12px 0 18px}.hero-copy h1 span{color:var(--blue)}.hero-copy p{max-width:570px;color:var(--muted);font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:10px;margin-top:25px}.button{display:inline-flex;padding:12px 16px;border-radius:12px;font-size:10px;font-weight:800}.button-primary{background:var(--navy);color:#fff}.button-secondary{background:#fff;border:1px solid var(--line)}.hero-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:32px;box-shadow:0 20px 50px rgba(15,23,42,.06)}.hero-card-icon{font-size:28px;color:var(--blue)}.hero-card strong{display:block;font:800 18px 'Manrope';margin-top:15px;color:var(--navy)}.hero-card p{color:var(--muted);font-size:11px;line-height:1.6}
.content-section{padding:90px 0}.section-heading{max-width:680px;margin-bottom:28px}.section-heading h2{font:800 clamp(28px,4vw,44px)/1.1 'Manrope';color:var(--navy);margin:8px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article,.college-grid a,.updates-preview article,.admission-card,.split-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.feature-grid b{font:800 14px 'Manrope';color:var(--navy)}.feature-grid p,.updates-preview p,.split-panel p,.admission-card p{font-size:11px;line-height:1.65;color:var(--muted)}.college-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.college-grid a{display:flex;justify-content:space-between;font:800 12px 'Manrope';color:var(--navy)}.college-grid a:hover{border-color:#b9d9ff}.split-panel{display:grid;grid-template-columns:1fr 220px;align-items:center}.metric-card{background:var(--navy);color:#fff;border-radius:16px;padding:25px}.metric-card strong{display:block;font:800 42px 'Manrope'}.metric-card span{font-size:10px}.admission-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.updates-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.updates-preview span{font-size:8px;font-weight:800;color:var(--blue)}.updates-preview h3{font:800 14px 'Manrope';color:var(--navy)}.site-footer{padding:45px 4vw;background:var(--navy);color:#fff;display:flex;justify-content:space-between;gap:20px;font-size:10px}.site-footer p{color:#b7c4d5}
@media(max-width:1000px){.brand{min-width:210px}.desktop-nav{gap:0}.nav-link{padding:9px 6px;font-size:10px}.login-button{display:none}}
@media(max-width:760px){.site-header{height:68px;padding:0 14px;gap:10px}.brand{min-width:0;flex:1}.brand strong{font-size:12px}.brand small{font-size:8px}.desktop-nav,.login-button{display:none}.mobile-menu-button{display:grid}.mobile-nav,.notification-center{top:68px}.hero-section{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero-card{display:none}.feature-grid,.updates-preview,.college-grid{grid-template-columns:1fr}.content-section{padding:65px 0}.split-panel,.admission-card{grid-template-columns:1fr;display:block}.metric-card{margin-top:15px}.notification-center-inner{padding:25px 14px 80px}.notification-toolbar{gap:6px}.mark-all-read{font-size:0;width:44px;padding:0}.mark-all-read:before{content:'✓';font-size:14px}.notification-card{padding:13px}.notification-content h3{font-size:12px}.site-footer{display:block}.site-footer div+div{margin-top:12px}}