.page_1{font-size:2.5vw;min-height:100vh;min-width:100vw;position:relative;display:flex;justify-content:center;align-items:center;background-image:url(/0.jpeg);background-size:cover;background-position:bottom;background-repeat:no-repeat;overflow:hidden}.orbitron-800{font-family:Orbitron,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.title{top:90%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.5rem,5vw,3rem);color:rgb(255,255,255);z-index:20;opacity:0;letter-spacing:1px;text-align:center;text-shadow:-1px 0 rgb(0,255,255),1px 0 rgb(225,0,255);-webkit-box-reflect:below -.6em linear-gradient(180deg,rgba(255,255,255,.318),transparent)}.title,.title:after,.title:before{position:absolute;font-family:var(--font-orbitron)}.title:after,.title:before{content:attr(data-text)}.title:before{left:0;text-shadow:2px 0 rgb(225,0,255);animation:glitch-1 2s linear infinite reverse}.title:after{left:0;text-shadow:-2px 0 rgb(0,255,255);animation:glitch-2 2s linear infinite reverse}@keyframes glitch-1{0%{clip:rect(132px,auto,101px,30px)}5%{clip:rect(17px,auto,94px,30px)}10%{clip:rect(40px,auto,66px,30px)}15%{clip:rect(87px,auto,82px,30px)}20%{clip:rect(137px,auto,61px,30px)}25%{clip:rect(34px,auto,14px,30px)}30%{clip:rect(133px,auto,74px,30px)}35%{clip:rect(76px,auto,107px,30px)}40%{clip:rect(59px,auto,130px,30px)}45%{clip:rect(29px,auto,84px,30px)}50%{clip:rect(22px,auto,67px,30px)}55%{clip:rect(67px,auto,62px,30px)}60%{clip:rect(10px,auto,105px,30px)}65%{clip:rect(78px,auto,115px,30px)}70%{clip:rect(105px,auto,13px,30px)}75%{clip:rect(15px,auto,75px,30px)}80%{clip:rect(66px,auto,39px,30px)}85%{clip:rect(133px,auto,73px,30px)}90%{clip:rect(36px,auto,128px,30px)}95%{clip:rect(68px,auto,103px,30px)}to{clip:rect(14px,auto,100px,30px)}}@keyframes glitch-2{0%{clip:rect(129px,auto,36px,30px)}5%{clip:rect(36px,auto,4px,30px)}10%{clip:rect(85px,auto,66px,30px)}15%{clip:rect(91px,auto,91px,30px)}20%{clip:rect(148px,auto,138px,30px)}25%{clip:rect(38px,auto,122px,30px)}30%{clip:rect(69px,auto,54px,30px)}35%{clip:rect(98px,auto,71px,30px)}40%{clip:rect(146px,auto,34px,30px)}45%{clip:rect(134px,auto,43px,30px)}50%{clip:rect(102px,auto,80px,30px)}55%{clip:rect(119px,auto,44px,30px)}60%{clip:rect(106px,auto,99px,30px)}65%{clip:rect(141px,auto,74px,30px)}70%{clip:rect(20px,auto,78px,30px)}75%{clip:rect(133px,auto,79px,30px)}80%{clip:rect(78px,auto,52px,30px)}85%{clip:rect(35px,auto,39px,30px)}90%{clip:rect(67px,auto,70px,30px)}95%{clip:rect(71px,auto,103px,30px)}to{clip:rect(83px,auto,40px,30px)}}.canvas{position:absolute;height:100vh;width:100vw;z-index:10;top:0}.page_2{font-size:clamp(1rem,3vw,2rem);justify-content:space-evenly}.page_2,.page_3{position:relative;color:white;min-height:100vh;min-width:100vw;display:flex;align-items:center;text-align:center;flex-wrap:wrap}.page_3{font-size:clamp(2rem,7vw,5.5rem);justify-content:space-around;padding:2rem 5vw}.space{width:80%;max-width:600px;min-height:100vh;margin:0 auto}@media (max-width:640px){.title{top:85%}.page_1,.page_2,.page_3{flex-direction:column;font-size:1rem}.space{width:90%}}.card-container{position:relative;width:315px;height:400px;border-radius:25px;overflow:hidden;z-index:1}.card-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(270deg,#00aeff,#ae00ff,#0073ff);background-size:400% 400%;z-index:-1;border-radius:22px;animation:animateBorder 6s linear infinite}@keyframes animateBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.card-content{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:22px;overflow:hidden;z-index:1}.card-container:hover{box-shadow:0 0 5px #0073ff,0 0 10px #00ffff}.card-content{width:100%;height:100%;position:relative;cursor:pointer}.card-image,.card-video{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;border-radius:22px;top:0;left:0}.card-video{opacity:0;z-index:1}.card-image{z-index:2}.card-container:hover .card-video{opacity:1}.card-container:hover .card-image{opacity:0}.card-overlay{position:absolute;z-index:3;top:0;left:0;right:0;bottom:0;color:white;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 10px black;background:rgba(0,0,0,.3);opacity:0;transition:opacity .3s ease;padding:50px 10px 10px;text-align:center}.card-container:hover .card-overlay{opacity:1}.register-btn{margin-top:15px;padding:10px 20px;border:none;background:#009dff;color:#ffffff;font-weight:700;border-radius:8px;cursor:pointer;transition:background .3s,transform .2s,box-shadow .3s ease-in-out;box-shadow:0 0 10px #00ffff88;position:relative;z-index:1}.register-btn:hover{background:#00bfff;color:#ffffff;transform:scale(1.05);box-shadow:0 0 20px #00c8ff}.event-title{font-family:Orbitron,sans-serif;font-size:38px;text-align:center;color:#0ff;background:linear-gradient(45deg,#0ff,rgb(204,0,255),rgb(230,0,255));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px #0ff;animation:glowPulse 3s ease-in-out infinite,flicker 1.5s infinite;margin-bottom:20px}@keyframes glowPulse{50%{text-shadow:0 0 20px #0ff}}@keyframes flicker{0%,19%,21%,23%,25%,54%,56%,to{opacity:1}20%,22%,24%,55%{opacity:.5}}