*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;height:100vh;overflow:hidden;position:relative;background:#000}.app-scale{width:1920px;height:1080px;position:absolute;overflow:hidden;background:url(background.webp) center/cover no-repeat}.app-scale:before{content:"";position:absolute;inset:0;background:#0006;z-index:0}.header{position:relative;padding:30px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:10;text-align:center}.logo{height:80px;width:auto;filter:drop-shadow(0 0 30px rgba(0,255,255,.8));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 30px rgba(0,255,255,.8))}50%{filter:drop-shadow(0 0 50px rgba(0,255,255,1)) drop-shadow(0 0 70px rgba(0,150,255,.6))}}.main-menu{position:absolute;top:50%;left:40px;transform:translateY(-50%);display:flex;flex-direction:column;gap:30px;z-index:10}.menu-btn{padding:25px 50px;width:280px;height:70px;background:linear-gradient(135deg,#0ff3,#0096ff33);border:3px solid rgba(0,255,255,.8);color:#fff;font-size:20px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;border-radius:15px;box-shadow:0 0 30px #0ff6;display:flex;align-items:center;justify-content:center}.menu-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.6),transparent);animation:sweep 3s infinite}.menu-btn:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);pointer-events:none}@keyframes sweep{0%{left:-100%}to{left:100%}}.menu-btn:hover{transform:translate(10px) scale(1.02);box-shadow:0 15px 40px #0ff9;border-color:#0ff;background:linear-gradient(135deg,#00ffff4d,#0096ff4d)}.modal-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;z-index:100;animation:fadeIn .3s}.modal-overlay.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;max-width:1200px;height:85%;max-height:900px;background:linear-gradient(135deg,#0f172af2,#1e3a8af2);border:none;border-radius:0;padding:60px;display:none;flex-direction:column;z-index:101}.modal.active{display:flex;animation:modalExpand .6s ease-out}@keyframes modalExpand{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.modal:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0ff,#0080ff,#0ff,#0f8,#0ff);background-size:400% 400%;animation:hologramShift 4s ease-in-out infinite;opacity:.8;z-index:-2}.modal:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0f172afa,#1e3a8afa);z-index:-1}@keyframes hologramShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.modal-corner{position:absolute;width:60px;height:60px;border:2px solid #00FFFF;animation:cornerPulse 2s ease-in-out infinite}.modal-corner.top-left{top:10px;left:10px;border-right:none;border-bottom:none;clip-path:polygon(0 0,100% 0,100% 30%,30% 30%,30% 100%,0 100%)}.modal-corner.top-right{top:10px;right:10px;border-left:none;border-bottom:none;clip-path:polygon(0 0,100% 0,100% 100%,70% 100%,70% 30%,0 30%)}.modal-corner.bottom-left{bottom:10px;left:10px;border-right:none;border-top:none;clip-path:polygon(0 0,30% 0,30% 70%,100% 70%,100% 100%,0 100%)}.modal-corner.bottom-right{bottom:10px;right:10px;border-left:none;border-top:none;clip-path:polygon(70% 0,100% 0,100% 100%,0 100%,0 70%,70% 70%)}@keyframes cornerPulse{0%,to{opacity:1;box-shadow:0 0 20px #0ffc}50%{opacity:.7;box-shadow:0 0 40px #0ff}}.modal-edge{position:absolute;background:linear-gradient(90deg,transparent,#00FFFF,transparent);opacity:.6;animation:edgeGlow 3s ease-in-out infinite}.modal-edge.top{top:10px;left:80px;right:80px;height:2px;animation:edgeSlideH 4s linear infinite}.modal-edge.bottom{bottom:10px;left:80px;right:80px;height:2px;animation:edgeSlideH 4s linear infinite reverse}.modal-edge.left{left:10px;top:80px;bottom:80px;width:2px;background:linear-gradient(180deg,transparent,#00FFFF,transparent);animation:edgeSlideV 4s linear infinite}.modal-edge.right{right:10px;top:80px;bottom:80px;width:2px;background:linear-gradient(180deg,transparent,#00FFFF,transparent);animation:edgeSlideV 4s linear infinite reverse}@keyframes edgeSlideH{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes edgeSlideV{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes edgeGlow{0%,to{opacity:.6}50%{opacity:1}}.modal-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.02) 2px,rgba(0,255,255,.02) 4px);pointer-events:none;z-index:2;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid rgba(0,255,255,.3);position:relative;z-index:1}.modal-title{color:#0ff;font-size:42px;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(0,255,255,.8)}.close-btn{width:60px;height:60px;background:#f003;border:2px solid rgba(255,0,0,.6);color:#fff;font-size:32px;cursor:pointer;border-radius:0;transition:all .3s;box-shadow:0 0 20px #ff00004d;position:relative;z-index:1}.close-btn:hover{background:#f006;border-color:red;box-shadow:0 0 30px #f009;transform:rotate(90deg)}.modal-content{color:#fff;padding:30px;background:#0006;border-radius:0;border:1px solid rgba(0,255,255,.2);flex:1;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.5) rgba(0,0,0,.3)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0ff,#0080ff);border-radius:4px;box-shadow:0 0 10px #00ffff80}.html-content h2{color:#0f0;margin-bottom:25px;font-size:36px;text-shadow:0 0 15px rgba(0,255,0,.6)}.html-content p{font-size:20px;line-height:1.8;margin-bottom:25px;color:#fffffff2}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:40px}.data-card{background:linear-gradient(135deg,#00ffff26,#0096ff26);border:2px solid rgba(0,255,255,.5);border-radius:15px;padding:25px;text-align:center;transition:all .3s;box-shadow:0 0 20px #0ff3;position:relative;overflow:hidden}.data-card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);pointer-events:none;animation:scanlines 10s linear infinite}.data-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0ff6;border-color:#0ffc}.data-value{font-size:42px;color:#0ff;font-weight:700;text-shadow:0 0 20px rgba(0,255,255,.8);position:relative;z-index:1}.data-label{font-size:16px;color:#fffc;margin-top:15px;text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.modal.video-modal{width:90%;max-width:1400px;height:85vh;max-height:900px;padding:0}.modal.video-modal .modal-header{padding:15px 25px;margin-bottom:0;background:#000000b3}.modal.video-modal .modal-title{font-size:28px}.modal.video-modal .close-btn{width:45px;height:45px;font-size:28px}.modal.video-modal .modal-content{padding:20px;height:calc(100% - 80px);overflow:hidden}.video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.video-wrapper{width:100%;height:100%;position:relative}.video-player{width:100%;height:100%;background:#000;border:3px solid rgba(0,255,255,.8);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 50px #00ffff80}.video-player:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#0ff,#0080ff,#0ff);background-size:400% 400%;animation:hologramShift 4s ease-in-out infinite;z-index:-1;border-radius:10px}.video-player video{width:100%;height:100%;object-fit:contain;border-radius:7px;position:relative;z-index:1}video::-webkit-media-controls-panel{background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}video::-webkit-media-controls-play-button,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-fullscreen-button{filter:invert(1)}video::-webkit-media-controls-current-time-display,video::-webkit-media-controls-time-remaining-display{color:#0ff}video::-webkit-media-controls-timeline{filter:hue-rotate(180deg)}.gallery-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:25px;width:100%}.gallery-item{aspect-ratio:1;background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border:3px solid rgba(0,255,255,.5);border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 25px #00ffff4d}.gallery-item img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ff3,#0096ff33);opacity:0;transition:opacity .3s;z-index:2}.gallery-item:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.03) 2px,rgba(0,255,255,.03) 4px);pointer-events:none;animation:scanlines 12s linear infinite;z-index:3}.gallery-item:hover:before{opacity:1}.gallery-item:hover{transform:scale(1.08);border-color:#00ffffe6;box-shadow:0 0 40px #0ff9}.info-panel{position:absolute;top:50%;right:40px;transform:translateY(-50%);width:280px;padding:25px;background:linear-gradient(135deg,#000000e6,#003264e6);border:2px solid rgba(0,255,255,.5);border-radius:15px;color:#fff;box-shadow:0 0 30px #00ffff4d;z-index:15}.info-title{color:#0f0;font-size:22px;margin-bottom:20px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,0,.5)}.info-item{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,255,255,.2)}.info-item:last-child{border-bottom:none}.info-label{font-size:14px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.info-value{font-size:20px;color:#0ff;margin-top:8px;text-shadow:0 0 10px rgba(0,255,255,.5)}.lightbox{position:absolute;inset:0;background:#000000f2;display:none;z-index:200;animation:fadeIn .3s}.lightbox.active{display:flex;align-items:center;justify-content:center}.lightbox-container{position:relative;width:90%;height:90%;max-width:1400px;max-height:900px;display:flex;align-items:center;justify-content:center}.lightbox-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.lightbox-image-wrapper{position:relative;max-width:100%;max-height:100%;border:3px solid rgba(0,255,255,.8);border-radius:15px;overflow:hidden;box-shadow:0 0 60px #0ff9}.lightbox-image-wrapper:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#0ff,#0080ff,#0ff,#0f8);background-size:400% 400%;animation:hologramShift 4s ease-in-out infinite;z-index:-1;border-radius:15px}.lightbox-image{max-width:100%;max-height:85vh;display:block;object-fit:contain}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#0ff3;border:2px solid rgba(0,255,255,.8);color:#fff;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:50%;z-index:10}.lightbox-nav:hover{background:#0ff6;border-color:#0ff;box-shadow:0 0 30px #0ffc;transform:translateY(-50%) scale(1.1)}.lightbox-nav.prev{left:40px}.lightbox-nav.next{right:40px}.lightbox-nav:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,255,.05) 2px,rgba(0,255,255,.05) 4px);pointer-events:none;border-radius:50%;animation:scanlines 8s linear infinite}.lightbox-close{position:absolute;top:30px;right:30px;width:50px;height:50px;background:#f003;border:2px solid rgba(255,0,0,.6);color:#fff;font-size:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:50%;z-index:10}.lightbox-close:hover{background:#f006;border-color:red;box-shadow:0 0 30px #f009;transform:rotate(90deg)}.lightbox-counter{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:10px 25px;background:#000c;border:2px solid rgba(0,255,255,.5);border-radius:25px;color:#0ff;font-size:18px;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5);z-index:10}.lightbox-thumbnails{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px;background:#000000b3;border:1px solid rgba(0,255,255,.3);border-radius:10px;z-index:10;max-width:90%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(0,255,255,.5) rgba(0,0,0,.3)}.lightbox-thumbnails::-webkit-scrollbar{height:6px}.lightbox-thumbnails::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.lightbox-thumbnails::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0ff,#0080ff);border-radius:3px}.lightbox-thumb{width:60px;height:60px;min-width:60px;border:2px solid rgba(0,255,255,.3);border-radius:5px;overflow:hidden;cursor:pointer;transition:all .3s;opacity:.6}.lightbox-thumb img{width:100%;height:100%;object-fit:cover}.lightbox-thumb.active{border-color:#0ffc;opacity:1;box-shadow:0 0 20px #0ff9}.lightbox-thumb:hover{border-color:#0ff9;opacity:.9}.quiz-section{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;overflow:hidden}.quiz-progress{width:100%;max-width:600px;margin-bottom:20px}.quiz-progress-bar{width:100%;height:8px;background:#0ff3;border-radius:4px;overflow:hidden;border:1px solid rgba(0,255,255,.4)}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#0ff,#0f8);border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 15px #0ffc}.quiz-progress-text{display:flex;justify-content:space-between;margin-top:10px;color:#fffc;font-size:14px;text-transform:uppercase;letter-spacing:1px}.quiz-question-container{width:100%;max-width:800px;text-align:center;animation:questionFadeIn .5s ease-out}@keyframes questionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-question-number{color:#0f8;font-size:16px;text-transform:uppercase;letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 10px rgba(0,255,136,.5)}.quiz-question{color:#0ff;font-size:24px;line-height:1.3;margin-bottom:25px;text-shadow:0 0 20px rgba(0,255,255,.5)}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.quiz-answer{padding:15px 20px;background:linear-gradient(135deg,#00ffff1a,#0096ff1a);border:2px solid rgba(0,255,255,.4);border-radius:10px;color:#fff;font-size:16px;cursor:pointer;transition:all .3s;text-align:left;position:relative;overflow:hidden}.quiz-answer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}.quiz-answer:hover:not(.disabled){border-color:#0ffc;background:linear-gradient(135deg,#0ff3,#0096ff33);box-shadow:0 0 30px #0ff6;transform:translateY(-3px)}.quiz-answer:hover:not(.disabled):before{left:100%}.quiz-answer.correct{border-color:#0f8!important;background:linear-gradient(135deg,#00ff884d,#00c8644d)!important;box-shadow:0 0 40px #0f89!important;animation:correctPulse .5s ease-out}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.quiz-answer.incorrect{border-color:#f44!important;background:linear-gradient(135deg,#ff44444d,#c832324d)!important;box-shadow:0 0 40px #f449!important;animation:incorrectShake .5s ease-out}@keyframes incorrectShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.quiz-answer.disabled{cursor:not-allowed;opacity:.6}.quiz-answer-letter{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:#0ff3;border:1px solid rgba(0,255,255,.5);border-radius:5px;margin-right:15px;font-weight:700;color:#0ff}.quiz-feedback{margin-top:15px;padding:12px 20px;border-radius:8px;font-size:15px;animation:feedbackSlide .3s ease-out;position:relative;z-index:10;line-height:1.4}@keyframes feedbackSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.quiz-feedback.correct{background:#00643cf2;border:2px solid rgba(0,255,136,.8);color:#0f8;text-shadow:0 0 5px rgba(0,255,136,.3)}.quiz-feedback.incorrect{background:#641e1ef2;border:2px solid rgba(255,68,68,.8);color:#f88;text-shadow:0 0 5px rgba(255,68,68,.3)}.quiz-next-btn{margin-top:15px;padding:12px 40px;background:linear-gradient(135deg,#0ff3,#0096ff33);border:2px solid rgba(0,255,255,.8);color:#fff;font-size:16px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;border-radius:8px;transition:all .3s;display:none}.quiz-next-btn:hover{background:linear-gradient(135deg,#0ff6,#0096ff66);box-shadow:0 0 30px #0ff9;transform:translateY(-3px)}.quiz-next-btn.visible{display:inline-block;animation:buttonFadeIn .3s ease-out}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-results{text-align:center;animation:resultsReveal .8s ease-out}@keyframes resultsReveal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.quiz-results-title{font-size:36px;color:#0f8;text-transform:uppercase;letter-spacing:4px;margin-bottom:20px;text-shadow:0 0 30px rgba(0,255,136,.8)}.quiz-score-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#00ffff1a,#0096ff1a);border:4px solid rgba(0,255,255,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px auto;position:relative;box-shadow:0 0 50px #0ff6;animation:scorePulse 2s ease-in-out infinite}@keyframes scorePulse{0%,to{box-shadow:0 0 50px #0ff6}50%{box-shadow:0 0 80px #00ffffb3}}.quiz-score-value{font-size:60px;font-weight:700;color:#0ff;text-shadow:0 0 20px rgba(0,255,255,.8)}.quiz-score-label{font-size:16px;color:#fffc;text-transform:uppercase;letter-spacing:2px}.quiz-result-message{font-size:24px;color:#fff;margin:30px 0;line-height:1.6}.quiz-restart-btn{padding:20px 60px;background:linear-gradient(135deg,#0f83,#00c86433);border:2px solid rgba(0,255,136,.8);color:#fff;font-size:20px;text-transform:uppercase;letter-spacing:3px;cursor:pointer;border-radius:10px;transition:all .3s;margin-top:20px}.quiz-restart-btn:hover{background:linear-gradient(135deg,#0f86,#00c86466);box-shadow:0 0 40px #0f89;transform:translateY(-3px)}.status-indicator{position:absolute;bottom:40px;right:40px;display:flex;align-items:center;gap:15px;padding:20px 35px;background:#000000e6;border:2px solid rgba(0,255,0,.8);border-radius:30px;z-index:15;box-shadow:0 0 30px #0f06}.status-dot{width:16px;height:16px;background:#0f0;border-radius:50%;animation:blink 2s infinite;box-shadow:0 0 15px #0f0c}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-text{color:#0f0;font-size:18px;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,0,.5)}[x-cloak]{display:none!important}