*{box-sizing:border-box;margin:0;padding:0}
:root{--blue:#0b3d78;--blue2:#07274e;--gold:#f6a623;--orange:#ff7b21;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--blue2);color:#fff;overflow-x:hidden}
.hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 35%,#195a9c 0,#0b3d78 32%,#061d3a 78%,#030f20 100%);isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(246,166,35,.08),transparent 35%,rgba(255,123,33,.08));animation:bgMove 9s ease-in-out infinite alternate;z-index:-2}
.hero:after{content:"";position:absolute;width:720px;height:720px;border:1px solid rgba(255,255,255,.07);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-52%);box-shadow:0 0 0 80px rgba(255,255,255,.015),0 0 0 160px rgba(255,255,255,.01);z-index:-1}
.content{text-align:center;width:min(900px,92%);padding:55px 20px 70px;position:relative;z-index:3;animation:fadeUp 1s ease both}
.logo-wrap{width:215px;height:215px;margin:0 auto 20px;position:relative;display:grid;place-items:center;animation:logoIn 1.2s cubic-bezier(.2,.8,.2,1) both}
.school-logo{width:190px;height:190px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35));animation:float 4s ease-in-out 1.2s infinite}
.logo-ring{position:absolute;width:210px;height:210px;border:1px solid rgba(255,196,91,.7);border-radius:50%;box-shadow:0 0 30px rgba(246,166,35,.18),inset 0 0 20px rgba(255,255,255,.05);animation:ring 4s linear infinite}
.eyebrow{font-size:11px;letter-spacing:4px;font-weight:700;color:#ffd37a;margin:8px 0 14px;display:flex;justify-content:center;align-items:center;gap:13px}
.eyebrow span{display:block;width:35px;height:1px;background:linear-gradient(90deg,transparent,#ffd37a)}
.eyebrow span:last-child{background:linear-gradient(90deg,#ffd37a,transparent)}
h1{font-family:'Playfair Display',serif;font-size:clamp(27px,4vw,48px);letter-spacing:2px;line-height:1.15;text-shadow:0 4px 20px rgba(0,0,0,.25)}
.gold-line{height:3px;width:75px;background:linear-gradient(90deg,var(--orange),#ffd15c);margin:19px auto 20px;border-radius:50px;box-shadow:0 0 14px rgba(255,174,46,.55)}
h2{font-size:clamp(22px,3.5vw,39px);line-height:1.25;font-weight:500;letter-spacing:1px}
h2 strong{color:#ffd06a;font-weight:800}
.description{max-width:690px;margin:20px auto 23px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.83)}
.coming-badge{display:inline-block;padding:8px 18px;border:1px solid rgba(255,204,102,.55);border-radius:50px;color:#ffd06a;font-size:11px;letter-spacing:3px;font-weight:700;background:rgba(255,255,255,.04);box-shadow:0 0 25px rgba(246,166,35,.1);animation:pulse 2.5s infinite}
.countdown{display:flex;justify-content:center;align-items:center;gap:12px;margin:25px 0 28px}
.time-box{min-width:82px;padding:13px 10px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.065);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.time-box span{display:block;font-size:28px;font-weight:800;color:#fff}
.time-box small{display:block;font-size:8px;letter-spacing:2px;color:#ffd06a;margin-top:4px}
.colon{font-size:25px;color:#ffd06a;font-weight:700}
.btn-connect{display:inline-flex;align-items:center;gap:13px;text-decoration:none;color:#fff;font-size:11px;letter-spacing:2px;font-weight:800;padding:14px 23px;border-radius:50px;background:linear-gradient(100deg,#e8751d,#f6ad2e);box-shadow:0 10px 25px rgba(0,0,0,.25);transition:.3s}
.btn-connect span{font-size:18px;line-height:0;transition:.3s}
.btn-connect:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(0,0,0,.32);color:#fff}
.btn-connect:hover span{transform:translateX(5px)}
.scroll-note{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;color:rgba(255,255,255,.42);white-space:nowrap}
.scroll-note span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#f6a623;margin-right:8px;box-shadow:0 0 10px #f6a623}
footer{min-height:82px;background:#030f20;display:flex;justify-content:space-between;align-items:center;padding:20px 6%;font-size:10px;letter-spacing:.6px;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.06)}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;z-index:-1}
.orb-one{width:190px;height:190px;background:#f6a623;left:-60px;top:13%;animation:orb1 8s ease-in-out infinite}
.orb-two{width:250px;height:250px;background:#2489d8;right:-80px;bottom:8%;animation:orb2 10s ease-in-out infinite}
.orb-three{width:90px;height:90px;background:#ff7b21;right:18%;top:9%;animation:orb3 7s ease-in-out infinite}
.particles{position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.35) 1px,transparent 1px);background-size:65px 65px;opacity:.13;animation:particles 18s linear infinite}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes logoIn{from{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ring{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 rgba(246,166,35,0)}50%{box-shadow:0 0 25px rgba(246,166,35,.25)}}
@keyframes bgMove{from{transform:translateX(-2%)}to{transform:translateX(2%)}}
@keyframes particles{to{background-position:65px 65px}}
@keyframes orb1{50%{transform:translate(35px,25px)}}@keyframes orb2{50%{transform:translate(-35px,-20px)}}@keyframes orb3{50%{transform:translate(-20px,25px)}}
@media(max-width:600px){.hero{min-height:calc(100vh - 112px)}.content{padding:35px 10px 65px}.logo-wrap{width:165px;height:165px}.school-logo{width:145px;height:145px}.logo-ring{width:160px;height:160px}.eyebrow{font-size:8px;letter-spacing:2px}.eyebrow span{width:20px}h1{font-size:25px;letter-spacing:1px}h2{font-size:22px}.description{font-size:13px;line-height:1.7}.countdown{gap:4px}.time-box{min-width:64px;padding:10px 5px}.time-box span{font-size:21px}.time-box small{font-size:6px;letter-spacing:1px}.colon{font-size:18px}footer{min-height:112px;flex-direction:column;justify-content:center;gap:8px;text-align:center}.scroll-note{font-size:6px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}