*{margin:0;padding:0;box-sizing:border-box;}body{overflow:hidden;width:100vw;height:100vh;background-color:#000;color:#fff;font-family:'Segoe UI',Calibri,Tahoma,Geneva,Verdana,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}canvas{display:block;}.menu-container{position:fixed;top:0;right:0;height:100vh;z-index:9999;display:flex;transition:transform 0.3s ease;}.menu-toggle{width:50px;height:50px;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-right:none;border-radius:8px 0 0 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;margin-top:20px;backdrop-filter:blur(5px);}.menu-toggle span{display:block;width:20px;height:2px;background:#D4AF37;margin:3px 0;transition:0.3s;}.menu-toggle:hover span{background-color:#a17d3b;}.menu-toggle.active span:nth-child(1){transform:translateY(5px) rotate(45deg);}.menu-toggle.active span:nth-child(2){opacity:0;}.menu-toggle.active span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}.menu-sidebar{width:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,0.1);overflow-x:hidden;overflow-y:auto;transition:width 0.3s ease;}.menu-sidebar.open{width:250px;}.menu-header{padding:20px;border-bottom:1px solid rgba(255,255,255,0.1);display:none;}.menu-header h3{color:#00ffff;font-size:18px;letter-spacing:1px;}.menu-list{list-style:none;padding:20px 0;}.menu-item{padding:12px 20px;color:#ccc;font-size:14px;letter-spacing:1px;cursor:pointer;transition:all 0.2s ease;border-left:3px solid transparent;white-space:nowrap;opacity:0;transform:translateX(20px);}.menu-sidebar.open .menu-item{opacity:1;transform:translateX(0);transition-delay:calc(var(--item-index) * 0.05s);}.menu-item:hover{background:rgba(0,255,255,0.1);color:#ffffff;border-left:3px solid #D4AF37;padding-left:25px;}.menu-divider{height:1px;background:rgba(255,255,255,0.1);margin:10px 20px;}@media (max-width:768px){.menu-toggle{width:45px;height:45px;margin-top:15px;}.menu-toggle span{width:18px;}.menu-sidebar.open{width:220px;}.menu-item{padding:10px 15px;font-size:13px;}}@media (max-width:480px){.menu-toggle{width:40px;height:40px;margin-top:10px;}.menu-sidebar.open{width:200px;}}.brand-info{position:fixed;top:30px;left:30px;z-index:1000;padding:20px;border-radius:5px;max-width:400px;backdrop-filter:blur(5px);opacity:0;transition:opacity 0.3s ease;}.brand-name{font-size:18px;font-weight:bold;color:#FFA500;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;}.brand-name img{width:100%;}.brand-tagline{font-size:18px;color:#888;letter-spacing:1px;padding-left:10px;}.click-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:rgba(255,255,255,0.1);background-image:url("./custom/logo.svg");background-size:60%;background-position:center;background-repeat:no-repeat;overflow:hidden;border:2px solid rgba(255,255,255,0.3);border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:1000;backdrop-filter:blur(10px);opacity:0.8;}.click-button:hover{background:rgba(255,255,255,0.2);transform:translate(-50%,-50%) scale(1.05);box-shadow:0 0 30px rgba(255,255,255,0.2);}.click-button:active{transform:translate(-50%,-50%) scale(0.95);}.click-text{font-size:24px;font-weight:bold;color:#fff;letter-spacing:2px;margin-bottom:5px;opacity:0;}.click-subtext{font-size:12px;color:#888;letter-spacing:1px;opacity:0;}.click-button:hover .click-text{opacity:1;}.click-button:hover .click-subtext{opacity:1;}.planet-label{position:fixed;z-index:1000;padding:8px 16px;background:rgba(0,0,0,0.7);border-radius:20px;color:#e4c99d;border:1px solid rgba(212,175,55,0.3);box-shadow:0 0 10px rgba(212,175,55,0.3);font-size:12px;letter-spacing:1px;opacity:0;pointer-events:none;transition:opacity 0.5s ease,transform 0.5s ease,box-shadow 0.5s ease;backdrop-filter:blur(5px);cursor:default;text-align:center;white-space:nowrap;transform-origin:center;}.planet-label.active{opacity:1;pointer-events:auto;cursor:pointer;}.planet-label:hover{background:rgba(0,0,0,0.8);border:1px solid rgba(255,153,102,0.5);box-shadow:0 0 15px rgba(255,153,102,0.5);}.video-mask{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#000,#1a1a2e);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity 1s ease;}.video-mask.hidden{opacity:0;pointer-events:none;}.video-background{width:100%;height:100%;object-fit:cover;opacity:1;}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(
                45deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0.8) 100%
            );z-index:500;pointer-events:none;}.fade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:3000;opacity:0;pointer-events:none;transition:opacity 1.5s ease;}@media (max-width:768px){.brand-info{top:20px;left:20px;}.click-button{width:100px;height:100px;}.click-text{font-size:20px;}.click-subtext{font-size:10px;}.planet-label{font-size:10px;padding:6px 12px;text-align:center;}}@media (max-width:480px){.click-button{width:80px;height:80px;}.click-text{font-size:18px;}}.footer-copyright{position:fixed;bottom:0;left:0;width:100%;padding:12px 20px;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,0.1);z-index:999;opacity:0;transition:opacity 0.8s ease;display:flex;justify-content:center;align-items:center;}.copyright-content{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;text-align:center;}.copyright-text{font-size:12px;color:#e4c99d;letter-spacing:1px;font-weight:300;}@media (max-width:768px){.footer-copyright{padding:10px 15px;}.copyright-content{flex-direction:column;gap:5px;}.copyright-text{font-size:11px;}}@media (max-width:480px){.footer-copyright{padding:8px 10px;}.copyright-text{font-size:10px;}}