@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_43d50961-module__KOAtAG__className{font-family:Outfit,Outfit Fallback;font-style:normal}
:root{--bg-color:#0a0a0a;--text-color:#fff;--primary-neon:#b026ff;--secondary-neon:#00f3ff;--accent-color:#f05;--font-main:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.container{text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}@keyframes glow{0%{text-shadow:0 0 10px var(--primary-neon),0 0 20px var(--primary-neon)}50%{text-shadow:0 0 20px var(--secondary-neon),0 0 40px var(--secondary-neon)}to{text-shadow:0 0 10px var(--primary-neon),0 0 20px var(--primary-neon)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.hero{background:radial-gradient(circle,#1a1a1a 0%,#000 100%);justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.eyebrow{letter-spacing:4px;color:var(--secondary-neon);text-transform:uppercase;margin-bottom:1rem;font-size:1.5rem}h1.glitch{color:#fff;margin-bottom:.5rem;font-size:5rem;font-weight:900;line-height:1;animation:3s infinite alternate glow;position:relative}.subtitle{color:#0000;-webkit-text-stroke:2px var(--primary-neon);margin-bottom:2rem;font-size:3rem;font-weight:700}.date{color:#ccc;margin-bottom:3rem;font-size:1.2rem}.cta-button{border:2px solid var(--secondary-neon);color:var(--secondary-neon);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:0 0;padding:15px 40px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.cta-button:hover{background:var(--secondary-neon);color:#000;box-shadow:0 0 20px var(--secondary-neon)}.scroll-indicator{color:#fff;opacity:.7;z-index:20;flex-direction:column;align-items:center;animation:2s infinite bounce;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:2px;margin-bottom:10px;font-size:1rem;font-weight:700}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(15px)}}.graduates{background:#111;padding:100px 0}.graduates h3,.countdown-section h3,.schedule h3,.party-details h3,.location h3,footer h3{color:var(--primary-neon);text-transform:uppercase;margin-bottom:3rem;font-size:2.5rem}.graduates-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.graduate-card{background:#1a1a1a;border:1px solid #333;border-radius:20px;padding:40px;transition:transform .3s}.graduate-card:hover{border-color:var(--primary-neon);transform:translateY(-10px)}.avatar{justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:4rem;animation:3s ease-in-out infinite float;display:flex}.avatar img{object-fit:cover;border:3px solid var(--primary-neon);border-radius:50%;width:150px;height:150px;box-shadow:0 0 20px #b026ff80}.graduate-card h4{color:#fff;margin-bottom:10px;font-size:1.5rem}.graduate-card p{color:#888}.countdown-section{background:#000;border-top:1px solid #222;border-bottom:1px solid #222;padding:100px 0}.countdown{justify-content:center;gap:40px;margin-bottom:20px;display:flex}.time-unit{flex-direction:column;align-items:center;display:flex}.time-unit span{color:#fff;font-size:4rem;font-weight:900;line-height:1}.time-unit label{color:var(--accent-color);letter-spacing:2px;font-size:.9rem}.hype-text{color:#555;letter-spacing:2px;margin-top:20px;font-size:1.2rem}.schedule{background:#0a0a0a radial-gradient(#222 1px,#0000 1px) 0 0/20px 20px;padding:100px 0;overflow:hidden}.timeline{max-width:900px;margin:0 auto;padding:40px 0;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(to bottom,var(--primary-neon)0,var(--primary-neon)10px,transparent 10px,transparent 20px);z-index:0;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.event{z-index:1;justify-content:space-between;align-items:center;margin-bottom:80px;display:flex;position:relative}.event:nth-child(odd){flex-direction:row}.event:nth-child(2n){flex-direction:row-reverse}.event-content{border:2px solid var(--secondary-neon);background:#1a1a1a;border-radius:15px;width:45%;padding:30px;transition:transform .3s;position:relative;box-shadow:0 0 15px #00f3ff33}.event:nth-child(odd) .event-content{transform:rotate(-2deg)}.event:nth-child(2n) .event-content{transform:rotate(2deg)}.event-content:hover{z-index:10;border-color:var(--primary-neon);transform:scale(1.05)rotate(0)!important}.event-content:after{content:"";background:var(--secondary-neon);width:40px;height:2px;position:absolute;top:50%}.event:nth-child(odd) .event-content:after{right:-42px}.event:nth-child(2n) .event-content:after{left:-42px}.event-image{justify-content:center;align-items:center;width:45%;display:flex}.event-image img{border:10px solid #fff;max-width:250px;transition:transform .3s;transform:rotate(5deg);box-shadow:0 10px 20px #00000080}.event:nth-child(2n) .event-image img{transform:rotate(-5deg)}.event:hover .event-image img{transform:scale(1.1)rotate(0)}.event .time{color:var(--primary-neon);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:1.2rem;font-weight:900;display:block}.event h4{color:#fff;text-transform:uppercase;margin-bottom:10px;font-size:1.8rem}.event p{color:#ccc;font-size:1.1rem}@media (max-width:768px){.timeline:before{left:20px}.event{margin-bottom:60px;padding-left:50px;flex-direction:column!important}.event-content{width:100%;margin-bottom:20px;transform:rotate(0)!important}.event-content:after{width:30px;left:-32px!important}.event-image{width:100%}.event-image img{max-width:200px}}.location{background:#111;padding:100px 0}.address{color:#ccc;margin-bottom:50px;font-size:1.5rem;font-weight:700}.map-placeholder{color:#555;background:#222;border-radius:10px;justify-content:center;align-items:center;width:100%;height:400px;display:flex}.overlay-screen{z-index:9999;background:#000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.overlay-content{text-align:center;padding:20px}.overlay-content h1{color:#fff;margin-bottom:1rem;font-size:3rem;animation:2s infinite alternate glow}.overlay-content p{color:#ccc;margin-bottom:2rem;font-size:1.5rem}.party-details{background:#0a0a0a;padding:100px 0}.details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;display:grid}.detail-item{background:#111;border:1px solid #333;border-radius:15px;padding:30px;transition:all .3s}.detail-item:hover{border-color:var(--secondary-neon);transform:translateY(-5px);box-shadow:0 0 15px #00f3ff33}.detail-item .icon{justify-content:center;align-items:center;height:120px;margin-bottom:15px;font-size:3rem;display:flex}.detail-item .icon img{object-fit:contain;width:auto;max-height:100%}.detail-item h4{color:#fff;margin-bottom:10px;font-size:1.5rem}.detail-item p{color:var(--primary-neon);margin-bottom:5px;font-weight:700}.detail-item small{color:#888;font-style:italic}.map-container{border:2px solid #333;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 0 20px #00000080}footer{background:#000;padding:80px 0}.copyright{color:#444;margin-top:40px;font-size:.9rem}@media (max-width:768px){h1.glitch{font-size:3rem}.subtitle{font-size:2rem}.countdown{gap:15px}.time-unit span{font-size:2.5rem}.overlay-content h1{font-size:2rem}}