body { font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif; margin:0; background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color: white; overflow-x: hidden; }
.hero { min-height: 70vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:0 5%; position:relative; overflow:hidden; }
.hero-content { max-width: 900px; z-index:2; margin-top:80px; }
.hero h1 { font-size: 3.5rem; margin-bottom: 1rem; line-height:1.2; }
.tagline { font-size:1.3rem; opacity:.95; font-weight:300; margin-bottom:2rem; }
.counter-display { font-size: 6rem; font-weight: 900; margin: 2rem 0; text-shadow: 0 4px 20px rgba(0,0,0,0.3); background: linear-gradient(135deg, #fff 0%, #a8edea 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.counter-label { font-size: 1.5rem; opacity: .9; margin-bottom: 3rem; }
.search-panel { max-width: 760px; margin: 0 auto; background: rgba(255,255,255,0.12); backdrop-filter: blur(12px); padding: 2rem; border-radius: 16px; border: 1px solid rgba(255,255,255,0.25); }
.search-row { display:flex; gap:.75rem; align-items:center; }
.search-input { flex:1; padding:1rem 1.2rem; border-radius: 50px; border:none; outline:none; font-size:1.05rem; }
.search-btn { padding: .95rem 1.5rem; border-radius: 50px; border:none; cursor:pointer; font-weight:700; color:#667eea; background:white; }
.suggestions { margin-top: 1rem; background: rgba(255,255,255,0.1); border-radius: 12px; overflow:hidden; border: 1px solid rgba(255,255,255,0.2); }
.suggestion { padding: 1rem; cursor: pointer; display:flex; justify-content:space-between; align-items:center; border-bottom: 1px solid rgba(255,255,255,0.1); }
.suggestion:last-child { border-bottom: none; }
.suggestion:hover { background: rgba(255,255,255,0.15); }
.suggestion .school-name { font-weight: 600; font-size: 1.1rem; margin-bottom: 0.3rem; }
.suggestion .school-info { opacity:.85; font-size:.9rem; }
.note { margin: 1rem auto 0; max-width:760px; opacity:.95; }
.warn { color: #ffe082; }
.cta-section { margin-top: 3rem; }
.enquiry-btn { display: inline-block; padding: 1.1rem 2.5rem; background: white; color: #667eea; border-radius: 50px; font-weight: 700; font-size: 1.1rem; text-decoration: none; box-shadow: 0 4px 20px rgba(0,0,0,.3); transition: .3s; }
.enquiry-btn:hover { transform: translateY(-3px); box-shadow: 0 6px 30px rgba(0,0,0,.4); }
.footer-bottom { text-align:center; opacity:.8; }