*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #02020a;--color-bg-secondary: #0a0a16;--color-bg-tertiary: #111122;--color-bg-elevated: #16162a;--color-neon-cyan: #00f0ff;--color-neon-blue: #0066ff;--color-neon-violet: #8b5cf6;--color-neon-magenta: #d946ef;--color-neon-pink: #ec4899;--gradient-cyber: linear-gradient(135deg, #00f0ff 0%, #0066ff 50%, #8b5cf6 100%);--gradient-holo: linear-gradient(135deg, #00f0ff 0%, #d946ef 50%, #ec4899 100%);--gradient-neural: linear-gradient(90deg, #0066ff 0%, #8b5cf6 100%);--color-text-primary: #ffffff;--color-text-secondary: #c0c0d0;--color-text-tertiary: #707090;--color-text-muted: #505070;--color-border: rgba(0, 240, 255, .2);--color-border-hover: rgba(0, 240, 255, .5);--glow-cyan: 0 0 20px rgba(0, 240, 255, .6);--glow-blue: 0 0 20px rgba(0, 102, 255, .6);--glow-violet: 0 0 20px rgba(139, 92, 246, .6);--glow-strong: 0 0 30px rgba(0, 240, 255, .9), 0 0 60px rgba(0, 240, 255, .5);--glass-bg: rgba(10, 10, 26, .7);--glass-border: rgba(0, 240, 255, .15);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--space-3xl: 16rem;--font-family-base: "Inter", sans-serif;--font-family-heading: "Outfit", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4rem;--font-size-5xl: 3rem;--font-size-6xl: 6rem;--font-size-7xl: 4.5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);background-image:radial-gradient(1px 1px at 10% 10%,white,transparent),radial-gradient(1px 1px at 20% 20%,white,transparent),radial-gradient(1px 1px at 30% 30%,white,transparent),radial-gradient(1px 1px at 40% 40%,white,transparent),radial-gradient(2px 2px at 50% 50%,#ffffff,transparent),radial-gradient(1px 1px at 60% 60%,white,transparent),radial-gradient(1px 1px at 70% 70%,white,transparent),radial-gradient(1px 1px at 80% 80%,white,transparent),radial-gradient(1px 1px at 90% 90%,white,transparent),radial-gradient(circle at 15% 50%,rgba(76,29,149,.25),transparent 40%),radial-gradient(circle at 85% 30%,rgba(0,240,255,.15),transparent 40%),radial-gradient(circle at 50% 10%,rgba(0,0,0,0),transparent 100%);background-attachment:fixed;background-size:500px 500px,500px 500px,500px 500px,500px 500px,500px 500px,500px 500px,500px 500px,500px 500px,500px 500px,100% 100%,100% 100%,100% 100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}.data-grid-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.1) 1px,transparent 1px);background-size:50px 50px;transform-style:preserve-3d;pointer-events:none;z-index:0;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 70%);mask-image:radial-gradient(circle at center,black 0%,transparent 70%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);letter-spacing:-.02em}h1{font-size:var(--font-size-6xl);background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-4xl);color:var(--color-text-primary)}h3{font-size:var(--font-size-3xl);color:var(--color-text-primary)}h4{font-size:var(--font-size-2xl);color:var(--color-text-secondary)}h5{font-size:var(--font-size-xl);color:var(--color-text-secondary)}h6{font-size:var(--font-size-lg);color:var(--color-text-tertiary)}p{margin-bottom:var(--space-sm);color:var(--color-text-secondary)}a{color:var(--color-neon-cyan);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--color-neon-blue);text-shadow:var(--glow-cyan)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.container-narrow{max-width:960px}.container-wide{max-width:1440px}.section{padding:var(--space-3xl) 0}.section-sm{padding:var(--space-2xl) 0}.section-lg{padding:calc(var(--space-3xl) * 1.5) 0}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.glow-text-cyan{color:var(--color-neon-cyan);text-shadow:var(--glow-cyan)}.glow-text-blue{color:var(--color-neon-blue);text-shadow:var(--glow-blue)}.glow-text-violet{color:var(--color-neon-violet);text-shadow:var(--glow-violet)}.glow-border{border:1px solid var(--color-neon-cyan);box-shadow:var(--glow-cyan)}.glow-border-hover:hover{border-color:var(--color-neon-cyan);box-shadow:var(--glow-strong)}.gradient-text{background:var(--gradient-cyber);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-holo{background:var(--gradient-holo);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-family:var(--font-display);font-size:var(--font-size-base);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-cyber);color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}.btn-primary:hover{box-shadow:var(--glow-strong);transform:translateY(-2px);color:var(--color-bg-primary)}.btn-outline{background:transparent;color:var(--color-neon-cyan);border:2px solid var(--color-neon-cyan);box-shadow:var(--glow-cyan)}.btn-outline:hover{background:var(--color-neon-cyan);color:var(--color-bg-primary);box-shadow:var(--glow-strong)}.btn-ghost{background:var(--glass-bg);color:var(--color-neon-cyan);border:1px solid var(--glass-border)}.btn-ghost:hover{border-color:var(--color-neon-cyan);box-shadow:var(--glow-cyan);color:var(--color-neon-cyan)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-lg)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase;letter-spacing:.05em}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.data-grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.data-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 0%,var(--color-bg-primary) 100%)}@keyframes pulse-glow{0%,to{opacity:.4;box-shadow:var(--glow-cyan)}50%{opacity:1;box-shadow:var(--glow-strong)}}.pulse-glow{animation:pulse-glow 3s ease-in-out infinite}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scan-line{position:fixed;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-neon-cyan) 50%,transparent 100%);box-shadow:var(--glow-cyan);animation:scan-line 8s linear infinite;pointer-events:none;z-index:var(--z-popover);opacity:.3}@keyframes float{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,5px)}75%{transform:translate(-10px,-5px)}}.particle{position:absolute;width:2px;height:2px;background:var(--color-neon-cyan);border-radius:50%;box-shadow:var(--glow-cyan);animation:float 6s infinite ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.slide-in-left{animation:slideInLeft var(--transition-base) ease-out}.slide-in-right{animation:slideInRight var(--transition-base) ease-out}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.1),transparent);transition:left var(--transition-slow)}.card:hover:before{left:100%}@media(max-width:768px){:root{--font-size-6xl: 2.5rem;--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--space-3xl: 4rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:var(--font-size-4xl)}.container{padding:0 var(--space-sm)}}@media(max-width:480px){:root{--space-2xl: 2rem;--space-3xl: 3rem}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,var(--color-bg-elevated) 50%,var(--color-bg-tertiary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-neon-cyan);border-radius:var(--radius-full);box-shadow:var(--glow-cyan)}::-webkit-scrollbar-thumb:hover{background:var(--color-neon-blue);box-shadow:var(--glow-blue)}::selection{background:var(--color-neon-cyan);color:var(--color-bg-primary)}::-moz-selection{background:var(--color-neon-cyan);color:var(--color-bg-primary)}.perspective-container{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.shape-container{width:60px;height:60px;position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite;margin-bottom:var(--space-md)}.cube{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:rotate3d 10s linear infinite}.cube-face{position:absolute;width:60px;height:60px;border:1px solid var(--color-neon-cyan);background:#00f0ff1a;box-shadow:0 0 15px #00f0ff33}.cube-face.front{transform:rotateY(0) translateZ(30px)}.cube-face.back{transform:rotateY(180deg) translateZ(30px)}.cube-face.right{transform:rotateY(90deg) translateZ(30px)}.cube-face.left{transform:rotateY(-90deg) translateZ(30px)}.cube-face.top{transform:rotateX(90deg) translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg) translateZ(30px)}.pyramid{width:100%;height:100%;position:absolute;transform-style:preserve-3d;animation:rotate3d 8s linear infinite reverse}.pyramid-face{position:absolute;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid rgba(139,92,246,.2);transform-origin:50% 100%}.pyramid-face:after{content:"";position:absolute;left:-30px;top:0;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:60px solid transparent;border-bottom-color:var(--color-neon-violet);clip-path:polygon(0% 100%,100% 100%,50% 0%);opacity:.5}.holo-globe{width:300px;height:300px;position:relative;transform-style:preserve-3d;animation:rotate3d 20s linear infinite}.holo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,240,255,.3);border-radius:50%;box-shadow:0 0 10px #00f0ff1a}.hr-1{width:100%;height:100%;transform:translate(-50%,-50%) rotateX(0);border-color:var(--color-neon-cyan)}.hr-2{width:100%;height:100%;transform:translate(-50%,-50%) rotateX(60deg)}.hr-3{width:100%;height:100%;transform:translate(-50%,-50%) rotateX(-60deg)}.hr-4{width:80%;height:80%;transform:translate(-50%,-50%) rotateY(90deg);border-color:var(--color-neon-blue)}.cyber-grid-container{position:absolute;bottom:-20vh;left:0;width:100%;height:50vh;overflow:hidden;perspective:1000px;z-index:0;pointer-events:none}.cyber-grid{position:absolute;width:200%;height:200%;left:-50%;background-image:linear-gradient(rgba(0,240,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.3) 1px,transparent 1px);background-size:50px 50px;transform:rotateX(60deg);animation:grid-scroll 10s linear infinite;-webkit-mask-image:linear-gradient(to top,black,transparent 80%);mask-image:linear-gradient(to top,black,transparent 80%)}@keyframes grid-scroll{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(50px)}}.ai-hud{width:100%;max-width:400px;height:300px;border:1px solid var(--color-neon-cyan);background:#00142899;position:relative;overflow:hidden;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.ai-hud:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--color-neon-cyan);box-shadow:0 0 10px var(--color-neon-cyan);animation:scan-vertical 3s ease-in-out infinite}@keyframes scan-vertical{0%,to{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}@keyframes ai-pulse{0%{box-shadow:0 0 10px var(--color-neon-cyan)}50%{box-shadow:0 0 25px var(--color-neon-cyan),0 0 10px var(--color-neon-blue)}to{box-shadow:0 0 10px var(--color-neon-cyan)}}.rocket-container{width:50px;height:50px;position:relative;transform:rotate(-135deg);transition:transform .2s;filter:drop-shadow(0 0 5px var(--color-neon-cyan))}.rocket-container.moving{transform:rotate(-135deg) scale(1.1) translate(5px)}.rocket-body{width:40px;height:14px;background:linear-gradient(to right,#ccc,#fff,#ccc);border-radius:50% 100% 100% 50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset -2px -2px 4px #0003,0 0 10px var(--color-neon-cyan);z-index:2;animation:ai-pulse 2s infinite}.rocket-body:before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--color-neon-cyan);border-radius:50%;box-shadow:0 0 5px var(--color-neon-cyan)}.window{width:6px;height:6px;background:var(--color-neon-blue);border:1px solid #fff;border-radius:50%;position:absolute;left:12px;top:50%;transform:translateY(-50%);box-shadow:0 0 5px var(--color-neon-blue)}.fin-top,.fin-bottom{position:absolute;width:12px;height:6px;background:var(--color-neon-violet);z-index:1;left:4px}.fin-top{top:-4px;transform:skew(-30deg);border-radius:4px 0 0}.fin-bottom{bottom:-4px;transform:skew(30deg);border-radius:0 0 0 4px}.exhaust-flame{position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:20px;height:6px;background:linear-gradient(to left,transparent,var(--color-neon-cyan),white);border-radius:10px 0 0 10px;opacity:.8;animation:exhaust .1s infinite alternate}.rocket-container.moving .exhaust-flame{width:35px;opacity:1}@keyframes exhaust{0%{transform:translateY(-50%) scaleX(.9)}to{transform:translateY(-50%) scaleX(1.1)}}.scroll-progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:#ffffff1a;z-index:10000}.scroll-progress-bar{height:100%;background:var(--gradient-cyber);box-shadow:0 0 10px var(--color-neon-cyan);transform-origin:0%}.data-point{position:absolute;width:10px;height:10px;background:var(--color-neon-cyan);border-radius:50%;box-shadow:0 0 10px var(--color-neon-cyan);animation:pulse-glow 2s infinite;pointer-events:none}.tech-server{width:50px;height:60px;position:relative;transform-style:preserve-3d;animation:rotate3d 12s linear infinite}.server-face{position:absolute;width:100%;height:100%;background:#0a0a14e6;border:1px solid var(--color-neon-blue);box-shadow:inset 0 0 10px #06f3}.server-face.front{transform:translateZ(25px)}.server-face.back{transform:rotateY(180deg) translateZ(25px)}.server-face.left{width:50px;transform:rotateY(-90deg) translateZ(25px)}.server-face.right{width:50px;transform:rotateY(90deg) translateZ(25px)}.server-face.top{height:50px;transform:rotateX(90deg) translateZ(30px)}.server-face.bottom{height:50px;transform:rotateX(-90deg) translateZ(30px)}.server-face .lights{display:flex;gap:4px;padding:8px;flex-wrap:wrap}.server-face .light{width:6px;height:6px;background:var(--color-neon-cyan);border-radius:50%;animation:blink 1s infinite alternate}.server-face .light:nth-child(2n){animation-delay:.3s;background:var(--color-neon-violet)}.server-face .light:nth-child(3n){animation-delay:.7s;background:var(--color-neon-blue)}.tech-shield{width:60px;height:70px;position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.shield-plate{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00f0ff33,#0066ff1a);border:1px solid var(--color-neon-cyan);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:translateZ(10px)}.shield-core{position:absolute;top:15px;right:15px;bottom:15px;left:15px;background:var(--color-neon-blue);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.5;transform:translateZ(5px);animation:pulse-glow 2s infinite}.tech-codebox{width:50px;height:50px;position:relative;transform-style:preserve-3d;animation:float 8s ease-in-out infinite}.codebox-face{position:absolute;width:50px;height:50px;background:#001428e6;border:1px solid var(--color-neon-cyan);display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:10px;color:var(--color-neon-cyan);overflow:hidden;box-shadow:inset 0 0 10px #00f0ff33}.codebox-face:after{content:"{ code }"}.codebox-face.front{transform:translateZ(25px)}.codebox-face.back{transform:rotateY(180deg) translateZ(25px)}.codebox-face.right{transform:rotateY(90deg) translateZ(25px)}.codebox-face.left{transform:rotateY(-90deg) translateZ(25px)}.codebox-face.top{transform:rotateX(90deg) translateZ(25px);border-color:var(--color-neon-blue)}.codebox-face.bottom{transform:rotateX(-90deg) translateZ(25px)}.tech-bot{width:60px;height:50px;position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.bot-head{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border:1px solid var(--color-neon-violet);border-radius:12px;transform:translateZ(20px);display:flex;justify-content:space-around;align-items:center;padding:0 10px;box-shadow:0 0 15px #8b5cf64d}.bot-eye{width:12px;height:8px;background:var(--color-neon-cyan);border-radius:2px;animation:blink 3s infinite;box-shadow:0 0 5px var(--color-neon-cyan)}.bot-antenna{position:absolute;top:-15px;left:50%;width:2px;height:15px;background:var(--color-neon-violet);transform:translate(-50%)}.bot-antenna:before{content:"";position:absolute;top:-4px;left:-2px;width:6px;height:6px;background:var(--color-neon-cyan);border-radius:50%;animation:pulse-glow 1s infinite}body,a,button,input{cursor:none!important}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.level-up-toast{position:fixed;bottom:20px;right:20px;background:#000000e6;border:1px solid var(--color-neon-cyan);padding:15px 25px;border-radius:8px;z-index:10000;display:flex;align-items:center;gap:10px;box-shadow:0 0 20px #00f0ff4d;animation:slideInRight .5s ease-out}.level-badge{width:30px;height:30px;background:var(--gradient-cyber);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#000}.py.front{transform:translateZ(15px) rotateX(30deg)}.py.back{transform:translateZ(-15px) rotateX(-30deg) rotateY(180deg)}.py.left{transform:translate(-15px) rotate(30deg) rotateY(90deg)}.py.right{transform:translate(15px) rotate(-30deg) rotateY(-90deg)}.orb{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--color-neon-blue),transparent 60%);box-shadow:inset 0 0 20px var(--color-neon-blue),0 0 20px #06f6;position:relative;transform-style:preserve-3d;animation:pulse-glow 3s infinite}.orb-ring{position:absolute;top:50%;left:50%;width:80px;height:80px;border:1px solid var(--color-neon-cyan);border-radius:50%;transform:translate(-50%,-50%) rotateX(70deg);animation:spin-ring 4s linear infinite}@keyframes rotate3d{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}@keyframes spin-ring{0%{transform:translate(-50%,-50%) rotateX(70deg) rotate(0)}to{transform:translate(-50%,-50%) rotateX(70deg) rotate(360deg)}}.card-3d-wrapper{perspective:1200px;transform-style:preserve-3d}.card-3d-content{transform:translateZ(0);transition:transform .1s ease-out;transform-style:preserve-3d}.card-3d-content:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(to bottom right,var(--color-neon-cyan),var(--color-neon-violet));opacity:0;transition:opacity .3s;z-index:-1;border-radius:inherit}.card-3d-content:hover:before{opacity:.5}.card-3d-item{transform:translateZ(30px)}