:root{--color-bg: #000000;--color-card-bg: rgba(255, 255, 255, .03);--color-card-hover: rgba(255, 255, 255, .06);--color-card-border: rgba(255, 255, 255, .08);--color-glow: rgba(255, 255, 255, .05);--color-text-primary: #ffffff;--color-text-secondary: #999999;--color-text-muted: #666666;--color-accent-blue: #ffffff;--color-accent-purple: #cccccc;--color-accent-cyan: #aaaaaa;--font-primary: "Inter", sans-serif;--font-display: "Space Grotesk", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);font-weight:var(--font-weight-regular);background-color:var(--color-bg);color:var(--color-text-primary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img:not(.no-filter){filter:grayscale(100%)!important}img:hover{filter:grayscale(100%)!important}video{filter:none!important}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin-slow 3s linear infinite}.font-display{font-family:var(--font-display)}.glass{background:var(--color-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-card-border);transition:background .3s ease,border-color .3s ease}.glass:hover{background:var(--color-card-hover);border-color:#ffffff1f}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent-blue{color:var(--color-accent-blue)}.text-accent-purple{color:var(--color-accent-purple)}.text-accent-cyan{color:var(--color-accent-cyan)}.bg-accent-blue{background-color:var(--color-accent-blue)}.bg-accent-purple{background-color:var(--color-accent-purple)}.bg-accent-cyan{background-color:var(--color-accent-cyan)}.border-accent-blue{border-color:var(--color-accent-blue)}.glow-blue{box-shadow:0 0 60px var(--color-glow)}.glow-blue-soft{box-shadow:0 0 30px #4a9eff33}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:500px;perspective:1200px;perspective-origin:center center}.globe-3d{position:relative;width:450px;height:450px;transform-style:preserve-3d}.globe-sphere-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;transform-style:preserve-3d}.globe-sphere{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:slowRotate 30s linear infinite;will-change:transform}.globe-layer{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transform-style:preserve-3d}.globe-base{background:radial-gradient(ellipse at 30% 30%,#50505066,#1e1e1ecc,#0a0a0af2);box-shadow:inset -40px -40px 80px #000c,inset 15px 15px 50px #ffffff14,0 0 80px var(--color-glow),0 0 40px #ffffff0d;transform:translateZ(0)}.globe-highlight{background:radial-gradient(ellipse at 25% 25%,rgba(200,200,200,.2) 0%,transparent 60%);mix-blend-mode:screen;opacity:.4;transform:translateZ(2px)}.globe-grid-layer{transform:translateZ(1px);opacity:.9}.globe-grid{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(255,255,255,.08) 28px,rgba(255,255,255,.08) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(255,255,255,.08) 28px,rgba(255,255,255,.08) 29px);mask:radial-gradient(circle,black 70%,transparent 70%);-webkit-mask:radial-gradient(circle,black 70%,transparent 70%)}.globe-glow-layer{transform:translateZ(-2px);opacity:.8}.globe-glow-inner{position:absolute;top:-10%;left:-10%;width:120%;height:120%;border-radius:50%;background:radial-gradient(ellipse at 40% 40%,var(--color-glow) 0%,transparent 60%)}.globe-concentric-rings{position:absolute;left:var(--circle-x, 50%);top:var(--circle-y, 50%);transform:translate(-50%,-50%) translateZ(5px);width:120px;height:120px;pointer-events:none;z-index:10}.globe-concentric-rings:before,.globe-concentric-rings:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid currentColor}.globe-concentric-rings:before{width:60px;height:60px;animation:ringPulse 2s ease-in-out infinite}.globe-concentric-rings:after{width:100px;height:100px;animation:ringPulse 2s ease-in-out infinite .5s}.globe-rings-cyan{color:#fff;filter:drop-shadow(0 0 4px rgba(255,255,255,.4))}.globe-rings-yellow{color:#ccc;filter:drop-shadow(0 0 4px rgba(200,200,200,.4))}@keyframes ringPulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.1)}}.globe-connectors{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.globe-connectors line{stroke:#fff9;stroke-width:1;filter:drop-shadow(0 0 1px rgba(255,255,255,.3))}.globe-label{position:absolute;left:var(--label-x);top:var(--label-y);display:flex;align-items:center;gap:8px;z-index:10;animation:labelFloat 3s ease-in-out infinite;animation-delay:calc(var(--label-y, 50%) * .05)}.label-dot{width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px #fffc;flex-shrink:0}.label-text{font-size:12px;color:var(--color-text-primary);font-weight:var(--font-weight-regular);font-family:var(--font-primary);white-space:nowrap}@keyframes labelFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes slowRotate{0%{transform:rotateY(0) rotateX(5deg)}to{transform:rotateY(360deg) rotateX(5deg)}}@media(max-width:768px){.globe-3d{width:300px;height:300px}.globe-sphere{width:200px;height:200px}.label-text{font-size:10px}.label-dot{width:4px;height:4px}}