html,body{margin:0;padding:0;min-height:100%;font-family:Montserrat,sans-serif;color:#fff;overflow-y:auto;scrollbar-gutter:stable overlay;scrollbar-width:none;overflow-x:hidden;background:#0c0c12}:root{--page-gutter: clamp(28px, 6vw, 120px);--logo-topbar-height: clamp(84px, 10vw, 132px);--logo-left-reserve: clamp(70px, 9vw, 140px);--bottom-bar-height: clamp(70px, 8vw, 120px)}#scene-container{position:fixed;inset:0;width:100%;height:100%;z-index:0;background:#0c0c12}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#fff}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-bar-height);display:flex;justify-content:center;align-items:center;gap:clamp(15px,4vw,60px);background:#0c0c1266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px 8px #4aa8f066;z-index:10;padding:0 clamp(10px,2vw,20px);box-sizing:border-box}.bottom-group{display:flex;gap:clamp(15px,3vw,50px);flex-wrap:nowrap;justify-content:center}.bottom-auth{position:absolute;right:clamp(10px,3vw,40px);align-items:center}.bottom-auth .bottom-item{min-width:clamp(80px,10vw,130px);padding:0 clamp(10px,1.5vw,20px)}@media screen and (max-width: 480px){.bottom-item span{display:none}.bottom-group .bottom-item:nth-child(n+5){display:none}}@media screen and (min-width: 769px) and (max-width: 1024px) and (max-aspect-ratio: 1/1){.logo-topbar,#bar-sky-top{height:90px!important}.page-container{margin-top:95px!important}.bottom-bar{height:75px;gap:clamp(15px,3vw,30px);padding:0 clamp(15px,3vw,25px)}.bottom-group{gap:clamp(15px,2.5vw,28px)}.bar-icon{width:28px!important;height:28px!important;margin-bottom:3px}.bottom-item{font-size:13px}.bottom-auth .bottom-item{min-width:85px;padding:0 12px}#bar-sky{height:75px}.page-container{width:calc(100% - 50px)!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:115px!important}}@media screen and (max-width: 768px){.logo-container,#logo-container{display:none!important}}.bottom-item{display:flex;flex-direction:column;align-items:center;color:#fff;font-size:clamp(12px,1.5vw,20px);font-weight:500;cursor:pointer;transition:transform .2s,color .3s}.bottom-item:hover{transform:scale(1.25);color:#fff}.bottom-item span,.bottom-item div,.bottom-item p{text-shadow:none;transition:text-shadow .3s,color .3s}.bottom-item:hover span,.bottom-item:hover div,.bottom-item:hover p{color:#b1faef;text-shadow:0 0 6px #b1faef,0 0 12px #74cbfd}.bar-icon{width:clamp(24px,2.5vw,42px)!important;height:clamp(24px,2.5vw,42px)!important;margin-bottom:clamp(2px,.5vw,6px)}#bar-sky{position:fixed;bottom:0;left:0;width:100%;height:var(--bottom-bar-height);z-index:9;pointer-events:none;background:transparent}#bar-sky-top{position:fixed;top:0;left:0;width:100%;height:var(--logo-topbar-height);z-index:9;pointer-events:none;background:transparent}.bottom-item.active{color:#fff;font-weight:600}.bottom-item img{transition:transform .3s,filter .3s,opacity .3s}.bottom-item:hover img{transform:scale(1.3);filter:drop-shadow(0 0 6px #4aa8f0)}.bottom-auth .bottom-item[data-normal=""]{visibility:hidden}.page-container{max-width:1800px;width:min(calc(100vw - (var(--page-gutter) * 2)),1800px);margin:calc(var(--logo-topbar-height) + 5px) auto calc(var(--bottom-bar-height) + clamp(40px,4vh,80px));padding:clamp(20px,4vw,40px);background:#141824eb;border-radius:clamp(.8rem,2vw,1.2rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #b1faff26;text-align:center;color:#fff;opacity:.9;border:2px solid rgba(177,250,255,.3);background-clip:padding-box;position:relative;z-index:5;animation:fadeIn 1.2s ease;min-height:calc(100vh - 240px)}.page-container h1{font-size:clamp(1.8rem,5vw,2.4rem);font-weight:700;margin-bottom:clamp(.8rem,2vw,1rem);color:#b1faff;text-shadow:0 0 14px rgba(177,250,255,.6)}.page-container p{font-size:clamp(.95rem,2.5vw,1.1rem);font-weight:400;line-height:1.6;color:#cfefff;margin:clamp(.8rem,2vw,1rem) 0}.cta-button{margin-top:clamp(15px,3vw,20px);padding:clamp(10px,2vw,12px) clamp(20px,5vw,30px);font-size:clamp(.9rem,2vw,1rem);font-weight:600;color:#fff;background:linear-gradient(90deg,#74cbfd,#b1faef);border:none;border-radius:clamp(20px,5vw,30px);cursor:pointer;transition:transform .2s,box-shadow .3s;box-shadow:0 4px 15px #74cbfd4d}.cta-button:hover{transform:scale(1.08);box-shadow:0 0 20px #b1faef99,0 0 40px #74cbfd66}.logo-topbar{position:fixed;top:0;left:0;right:0;height:var(--logo-topbar-height);z-index:120;pointer-events:none;display:flex;align-items:center;background:#0c0c1266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -1px 8px #4aa8f066}.logo-container{position:absolute;left:clamp(15px,3vw,24px);top:50%;transform:translateY(-50%);z-index:100;cursor:pointer;transition:transform .1s linear;pointer-events:auto}.logo-icon{width:clamp(45px,8vw,60px);height:clamp(45px,8vw,60px);transition:transform .3s,filter .3s}.logo-container:hover .logo-icon{transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(116,203,253,.6))}.page-top-spacer{position:fixed;top:0;left:0;right:0;height:var(--logo-topbar-height);z-index:50;pointer-events:none;background:transparent;display:none}@media screen and (max-width: 768px){.bottom-bar,#bar-sky{display:none!important}.page-container{width:calc(100% - (var(--page-gutter) * 2));max-width:calc(100vw - (var(--page-gutter) * 2));margin-left:auto;margin-right:auto;min-height:calc(100vh - 120px);margin-top:calc(var(--logo-topbar-height) + 5px);margin-bottom:90px;border-radius:1rem}#bar-sky-top{display:block!important}.page-container h1{font-size:1.8rem}.chart-placeholder{font-size:.9rem;padding:20px}}@media screen and (max-width: 480px){.page-container{padding:15px;width:calc(100% - 10px);margin-top:calc(var(--logo-topbar-height) + 5px);margin-left:auto;margin-right:auto;margin-bottom:60px;border-radius:.8rem}.page-container h1{font-size:1.5rem}.page-container p{font-size:.9rem}.cta-button{width:100%;padding:12px 20px}}.chart-placeholder{margin-top:clamp(20px,4vw,30px);padding:clamp(30px,6vw,60px);background:#74cbfd0d;border:2px dashed rgba(116,203,253,.3);border-radius:clamp(.8rem,2vw,1.2rem);color:#b1faefb3;font-size:clamp(.9rem,2vw,1.1rem);font-style:italic;display:flex;align-items:center;justify-content:center;min-height:clamp(150px,30vw,300px);text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
