body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;background:#0a2540;color:#fff;font-family:Arial,sans-serif;overflow:hidden}.menu-container{position:relative;width:700px;height:700px;display:flex;justify-content:center;align-items:center;z-index:2}.circle{margin-bottom:50px;width:280px;height:280px;border-radius:50%;position:relative;overflow:hidden;background:#ffffff0d;border:10px solid #ffffff;box-shadow:0 0 25px #00f7ff;display:flex;justify-content:center;align-items:center;transition:border-color 2s ease,box-shadow 2s ease}.circle.pulse{animation:pulseEffect .5s ease}@keyframes pulseEffect{0%{transform:scale(1);box-shadow:0 0 20px currentColor}50%{transform:scale(1.1);box-shadow:0 0 40px currentColor}to{transform:scale(1);box-shadow:0 0 20px currentColor}}.particles{width:550px;height:550px;border-radius:50%;border:2px dashed rgba(0,247,255,.3);animation:spin 20s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.code-particles .code{position:absolute;font-size:1rem;opacity:.7;animation:floatCode 6s infinite ease-in-out alternate}@keyframes floatCode{0%{transform:translate(0) rotate(0);opacity:.5}50%{transform:translate(20px,-20px) rotate(20deg);opacity:1}to{transform:translate(-15px,15px) rotate(-15deg);opacity:.7}}.menu-item{margin-top:-50px;position:absolute;font-size:1.3rem;font-weight:700;text-shadow:0 0 12px #00f7ff;cursor:pointer;transition:transform .3s ease,color .3s ease}.menu-item:hover{color:#0cf}.top{top:55%;left:50%;transform:translate(-50%,-220px)}.bottom{top:50%;left:50%;transform:translate(-50%,220px)}.left{top:50%;left:30%;transform:translate(-220px,-50%)}.right{top:50%;left:50%;transform:translate(220px,-50%)}.bottom-left{top:50%;left:30%;transform:translate(-160px,160px)}.bottom-right{top:50%;left:50%;transform:translate(160px,160px)}.circle-logo{position:absolute;width:120px;height:auto;z-index:5;filter:drop-shadow(0 0 10px #00f7ff);pointer-events:none;opacity:.5;animation:hologram 3s infinite ease-in-out}@keyframes hologram{0%{opacity:.8;filter:drop-shadow(0 0 6px #00f7ff)}50%{opacity:.9;filter:drop-shadow(0 0 15px #00f7ff)}to{opacity:.8;filter:drop-shadow(0 0 6px #00f7ff)}}.info-card{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:950px;min-height:280px;background:#171717d9;border-radius:15px;padding:30px;color:#fff;box-shadow:0 0 25px #91919199;display:flex;flex-direction:column;align-items:center;z-index:100;transition:transform .8s ease,opacity .4s ease}.info-card.slide-left{transform:translate(-150%,-50%) scale(.9);opacity:0}.info-card.slide-right{transform:translate(50%,-50%) scale(.9);opacity:0}.info-card.slide-center{transform:translate(-50%,-50%) scale(1);animation:fadeInUp .6s ease forwards;opacity:1}.card-content{display:flex;align-items:center;justify-content:space-between;width:100%}.card-image{width:45%;max-height:400px;object-fit:cover;border-radius:12px}.card-text{width:50%;display:flex;flex-direction:column;gap:20px;padding:0 25px;text-align:left}.card-text h2{font-size:1.8rem;margin:0;color:#efefef}.card-text p{font-size:1rem;line-height:1.6;margin:0}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#00a70ed4;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:6px 14px;font-size:.9rem;color:#efefef;text-shadow:0 0 6px #ffffff}.card-text button{align-self:flex-start;margin-top:auto;padding:12px 100px;border:1px solid white;border-radius:8px;background:#ffffffd4;color:#111;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease}.card-text button:hover:not(:disabled){background:#e6e6e6;color:#1d1d1dd4;transform:scale(1.05)}.card-text button:disabled{background:#fff3;color:#fff6;cursor:not-allowed}.close-btn{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:1.5rem;font-weight:700;color:#fff;cursor:pointer;transition:transform .2s ease,color .3s ease}.close-btn:hover{transform:scale(1.2);color:#0cf}.arrow{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;font-size:2.5rem;font-weight:700;color:#00f7ff;cursor:pointer;transition:transform .3s,color .3s;z-index:60}.arrow:hover{color:#0cf;transform:translateY(-50%) scale(1.2);text-shadow:0 0 15px #00f7ff}.arrow-left{left:-60px}.arrow-right{right:-60px}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.fade-in{opacity:1}.fade-out{opacity:0}.from-center{opacity:0;transform:translate(0) scale(.5);animation:moveFromCenter 1.5s ease-out forwards}@keyframes moveFromCenter{0%{opacity:0;transform:translate(0) scale(.5)}to{opacity:1;transform:translate(var(--tx),var(--ty)) scale(1)}}.menu-item.top.from-center{--tx: -50%;--ty: -220px}.menu-item.right.from-center{--tx: 220px;--ty: -50%}.menu-item.bottom-right.from-center{--tx: 160px;--ty: 160px}.menu-item.bottom.from-center{--tx: -50%;--ty: 220px}.menu-item.left.from-center{--tx: -220px;--ty: -50%}.menu-item.bottom-left.from-center{--tx: -160px;--ty: 160px}.music-btn{position:absolute;top:20px;right:20px;background:#00f7ff26;border:1px solid #00f7ff;border-radius:50%;width:50px;height:50px;color:#00f7ff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;z-index:100}.music-btn:hover{background:#00f7ff4d;transform:scale(1.1);box-shadow:0 0 12px #00f7ff}.cover-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.bg-black{background:linear-gradient(181deg,#002f75,#0c3d86,#010772,#002d6f)!important}.opacity-6{opacity:.9!important}.intro-page{width:100vw;height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;position:relative}.intro-overlay{background:#00000080;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.intro-btn{padding:18px 40px;font-size:1.4rem;font-weight:700;color:#fff;background:red;border:none;border-radius:8px;cursor:pointer;transition:transform .3s ease,background .3s ease;box-shadow:0 0 15px #f009}.intro-btn:hover{background:#8b0000;transform:scale(1.1);box-shadow:0 0 25px #ff0000e6}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.social-bar{position:fixed;bottom:-100px;left:50%;transform:translate(-50%);background:#0009;border-radius:40px;padding:12px 25px;display:flex;gap:25px;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 15px #0006;opacity:0;transition:all 1.5s ease}.social-bar.visible{bottom:30px;opacity:1}.social-btn{width:50px;height:50px;border-radius:50%;background:#ffffff14;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;transition:all .3s ease}.social-btn:hover{transform:scale(1.2);color:#00a0d5;background:#fff3}.visitor-bar{position:fixed;top:-60px;left:20px;background:#0009;border-radius:30px;padding:10px 25px;font-size:1rem;font-weight:700;color:#fff;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 4px 15px #0006;opacity:0;transition:all 1.5s ease}.visitor-bar.visible{top:20px;opacity:1}.visitor-bar svg{font-size:1.2rem;color:#0cf}.lang-btn{position:fixed;top:20px;right:20px;padding:8px 14px;border:1px solid #00ccff;border-radius:8px;background:#0006;color:#0cf;font-weight:700;cursor:pointer;transition:all .3s ease;z-index:60}.lang-btn:hover{background:#0cf;color:#fff}@media (max-width: 768px){body,html{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:#000}.intro-page{width:100vw;height:100vh;height:100dvh;min-height:-webkit-fill-available;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.menu-container{width:400px;height:400px}.circle{margin-bottom:0;width:170px;height:170px;border-width:7px}.particles{width:300px;height:300px}.circle-logo{width:70px}.menu-item{font-size:.95rem}.menu-item:hover{color:#0cf}.top{transform:translate(-50%,-130px)!important}.bottom{transform:translate(-50%,190px)!important}.left{transform:translate(-50px,-400%)!important}.right{transform:translate(50px,-400%)!important}.bottom-left{transform:translate(-55px,155px)!important}.bottom-right{transform:translate(45px,155px)!important}.info-card{width:60%;padding:18px;justify-content:center}.card-content{flex-direction:column;align-items:flex-start;gap:15px}.card-image{width:100%;max-height:220px;margin-bottom:12px}.card-text{width:100%;text-align:left;padding:0}.card-text h2{font-size:1.3rem}.card-text p{font-size:.9rem}.card-text button{display:flex;justify-content:center;align-items:center;margin:0 auto}.close-btn{color:#e80000;margin:10px}}