*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;overflow:hidden}.scroll-container{width:100vw;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth}.page{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background-color:#000;scroll-snap-align:start;scroll-snap-stop:always}.page-1{background-image:url(/background1.png);background-size:cover;background-position:center;background-repeat:no-repeat}.page-1 .background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.page-1 .content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.hero-logo{max-width:400px;width:80%;height:auto}.hero-text{color:#fff;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:400;position:relative;animation:glitch-skew 3s infinite}.hero-text:before,.hero-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.hero-text:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.hero-text:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 3s infinite linear alternate-reverse}.page-2{background-image:url(/background2.png);background-size:cover;background-position:center;background-repeat:no-repeat}.page-2 .background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.page-2 .content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:1200px;gap:60px}.text-content{flex:1;color:#fff;font-size:1.1rem;line-height:1.8}.text-content p{margin-bottom:20px}.image-content{flex:1;display:flex;align-items:center;justify-content:center}.orb-download-link{display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;text-decoration:none;transition:transform .3s ease}.orb-download-link:hover{transform:scale(1.05)}.orb-download-link:hover .pulse-image{animation:pulse-glow-intense 1.5s ease-in-out infinite}.orb-hint{color:#e6fbffe6;font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;animation:pulse-text 2s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:.6}50%{opacity:1}}.pulse-image{max-width:100%;height:auto;animation:pulse-glow 2.8s ease-in-out infinite}@keyframes pulse-glow-intense{0%,to{filter:drop-shadow(0 0 30px rgba(230,251,255,.6))}50%{filter:drop-shadow(0 0 60px rgba(230,251,255,1))}}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(230,251,255,.4))}50%{filter:drop-shadow(0 0 40px rgba(230,251,255,.8))}}.page-3{background-image:url(/background3.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat}.page-3 .background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.page-3 .content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px;max-width:600px;width:90%}.page-3 h2{color:#fff;font-size:3rem;margin-bottom:10px;position:relative;animation:glitch-skew 3s infinite}.page-3 h2:before,.page-3 h2:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.page-3 h2:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.page-3 h2:after{left:-2px;text-shadow:-2px 0 #00ffff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 3s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.3deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.1deg)}10%{clip:rect(70px,9999px,55px,0);transform:skew(.5deg)}15%{clip:rect(31px,9999px,2px,0);transform:skew(.8deg)}20%{clip:rect(85px,9999px,105px,0);transform:skew(.2deg)}25%{clip:rect(60px,9999px,29px,0);transform:skew(.4deg)}30%{clip:rect(44px,9999px,67px,0);transform:skew(.6deg)}35%{clip:rect(100px,9999px,16px,0);transform:skew(.3deg)}40%{clip:rect(87px,9999px,82px,0);transform:skew(.7deg)}45%{clip:rect(65px,9999px,43px,0);transform:skew(.1deg)}50%{clip:rect(17px,9999px,99px,0);transform:skew(.9deg)}55%{clip:rect(53px,9999px,34px,0);transform:skew(.2deg)}60%{clip:rect(77px,9999px,88px,0);transform:skew(.5deg)}65%{clip:rect(40px,9999px,12px,0);transform:skew(.4deg)}70%{clip:rect(92px,9999px,74px,0);transform:skew(.8deg)}75%{clip:rect(25px,9999px,58px,0);transform:skew(.3deg)}80%{clip:rect(68px,9999px,91px,0);transform:skew(.6deg)}85%{clip:rect(47px,9999px,22px,0);transform:skew(.1deg)}90%{clip:rect(83px,9999px,65px,0);transform:skew(.7deg)}95%{clip:rect(36px,9999px,48px,0);transform:skew(.4deg)}to{clip:rect(71px,9999px,27px,0);transform:skew(.2deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.5deg)}5%{clip:rect(52px,9999px,74px,0);transform:skew(.2deg)}10%{clip:rect(79px,9999px,23px,0);transform:skew(.7deg)}15%{clip:rect(38px,9999px,81px,0);transform:skew(.3deg)}20%{clip:rect(91px,9999px,45px,0);transform:skew(.6deg)}25%{clip:rect(27px,9999px,97px,0);transform:skew(.4deg)}30%{clip:rect(73px,9999px,14px,0);transform:skew(.8deg)}35%{clip:rect(55px,9999px,68px,0);transform:skew(.1deg)}40%{clip:rect(102px,9999px,33px,0);transform:skew(.5deg)}45%{clip:rect(41px,9999px,89px,0);transform:skew(.9deg)}50%{clip:rect(84px,9999px,56px,0);transform:skew(.2deg)}55%{clip:rect(19px,9999px,76px,0);transform:skew(.6deg)}60%{clip:rect(67px,9999px,42px,0);transform:skew(.4deg)}65%{clip:rect(95px,9999px,28px,0);transform:skew(.7deg)}70%{clip:rect(48px,9999px,93px,0);transform:skew(.3deg)}75%{clip:rect(75px,9999px,61px,0);transform:skew(.8deg)}80%{clip:rect(33px,9999px,86px,0);transform:skew(.1deg)}85%{clip:rect(88px,9999px,50px,0);transform:skew(.5deg)}90%{clip:rect(22px,9999px,72px,0);transform:skew(.9deg)}95%{clip:rect(63px,9999px,39px,0);transform:skew(.2deg)}to{clip:rect(96px,9999px,15px,0);transform:skew(.6deg)}}@keyframes glitch-skew{0%{transform:skew(0)}10%{transform:skew(-1deg)}20%{transform:skew(1deg)}30%{transform:skew(0)}40%{transform:skew(.5deg)}50%{transform:skew(-.5deg)}60%{transform:skew(0)}70%{transform:skew(-.8deg)}80%{transform:skew(.8deg)}90%{transform:skew(0)}to{transform:skew(0)}}.flag-form{display:flex;flex-direction:column;gap:20px;width:100%}.flag-input{padding:15px 20px;font-size:1.1rem;background-color:#ffffff1a;border:2px solid rgba(230,251,255,.3);color:#fff;font-family:Courier New,monospace;border-radius:8px;transition:all .3s ease}.flag-input:focus{outline:none;border-color:#e6fbffcc;background-color:#ffffff26;box-shadow:0 0 20px #e6fbff4d}.flag-input::placeholder{color:#ffffff80}.flag-input:disabled{opacity:.6;cursor:not-allowed}.flag-submit{padding:15px 40px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:2px}.flag-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.flag-submit:active:not(:disabled){transform:translateY(0)}.flag-submit:disabled{opacity:.6;cursor:not-allowed}.status-message{padding:15px 20px;border-radius:8px;font-size:1rem;font-weight:500;text-align:center;transition:all .3s ease;min-height:50px;display:flex;align-items:center;justify-content:center}.status-message.hidden{opacity:0;transform:translateY(-10px)}.status-message.show{opacity:1;transform:translateY(0)}.status-message.success{background-color:#4caf5033;border:2px solid rgba(76,175,80,.5);color:#4caf50}.status-message.error{background-color:#f4433633;border:2px solid rgba(244,67,54,.5);color:#f44336}@media(max-width:768px){.hero-text{font-size:1.8rem}.page-2 .content{flex-direction:column;gap:40px}.text-content{font-size:1rem}.page-3 h2{font-size:2rem}}