:root{--color-cosmic-deep:hsl(245,60%,8%);--color-cosmic-dark:hsl(245,50%,12%);--color-cosmic-mid:hsl(245,45%,20%);--color-cyan-vibrant:hsl(185,85%,55%);--color-cyan-glow:hsl(185,90%,65%);--color-magenta-vibrant:hsl(320,85%,60%);--color-magenta-glow:hsl(320,90%,70%);--color-violet-vibrant:hsl(270,75%,60%);--color-violet-glow:hsl(270,80%,70%);--color-gold:hsl(45,90%,60%);--color-yellow-pulse:hsl(55,95%,65%);--color-white:hsl(0,0%,100%);--color-white-soft:hsl(0,0%,95%);--color-gray-light:hsl(240,10%,85%);--color-gray-mid:hsl(240,8%,50%);--color-gray-dark:hsl(240,10%,20%);--gradient-space:radial-gradient(ellipse at 50% 30%,hsl(245,70%,15%) 0%,hsl(245,60%,8%) 50%,hsl(240,80%,5%) 100%);--gradient-clouds:linear-gradient(180deg,hsl(210,40%,75%),hsl(220,35%,60%) 40%,hsl(230,30%,45%));--gradient-journey:linear-gradient(180deg,hsl(200,60%,85%),hsl(210,55%,70%) 50%,hsl(220,50%,55%));--gradient-crystal:linear-gradient(180deg,hsl(280,45%,75%),hsl(185,40%,65%) 50%,hsl(270,50%,55%));--gradient-clean:linear-gradient(180deg,hsl(240,30%,92%),hsl(245,25%,85%));--gradient-sunset:linear-gradient(180deg,hsl(30,80%,75%),hsl(15,70%,60%) 40%,hsl(280,50%,40%));--gradient-portal:radial-gradient(circle at 50% 50%,hsl(270,60%,25%) 0%,hsl(245,70%,15%) 50%,hsl(240,80%,8%) 100%);--gradient-sunrise:linear-gradient(180deg,hsl(40,90%,80%),hsl(30,80%,65%) 30%,hsl(15,70%,50%) 70%,hsl(280,50%,35%));--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--font-primary:"JetBrains Mono","Menlo","Monaco","Courier New",monospace;--font-display:var(--font-primary);--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.8rem);--text-sm:clamp(0.8rem,0.75rem + 0.35vw,0.9rem);--text-base:clamp(0.9rem,0.85rem + 0.4vw,1rem);--text-lg:clamp(1rem,0.95rem + 0.5vw,1.25rem);--text-xl:clamp(1.2rem,1.1rem + 0.7vw,1.5rem);--text-2xl:clamp(1.5rem,1.3rem + 1vw,2rem);--text-3xl:clamp(1.8rem,1.6rem + 1.25vw,2.5rem);--text-4xl:clamp(2.2rem,2rem + 1.5vw,3.2rem);--text-5xl:clamp(2.8rem,2.4rem + 2.5vw,4.5rem);--weight-thin:100;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.6,1);--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--glow-cyan:0 0 30px hsla(185,90%,65%,0.6);--glow-magenta:0 0 30px hsla(320,90%,70%,0.6);--glow-violet:0 0 30px hsla(270,80%,70%,0.6);--glow-soft:0 0 40px hsla(0,0%,100%,0.3);--glass-bg:hsla(0,0%,100%,0.1);--glass-border:hsla(0,0%,100%,0.2);--glass-blur:blur(12px);--glass-panel:rgba(255,255,255,0.05);--z-background:-1;--z-base:0;--z-layer-far:10;--z-layer-mid:20;--z-layer-front:30;--z-overlay:40;--z-ui:50;--z-header:100;--z-modal:200}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body,html{overflow-x:hidden;width:100%}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-normal);color:var(--color-gray-dark);background:var(--color-cosmic-deep);min-height:100vh;position:relative}.world-layer,canvas{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}@media (max-width:768px){main{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);will-change:transform}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.1;color:var(--color-white);margin-bottom:var(--space-md)}h1{font-size:var(--text-5xl)}h1,h2{font-weight:var(--weight-light)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl);font-weight:var(--weight-normal)}p{line-height:1.6;color:var(--color-white-soft);margin-bottom:var(--space-md)}a{text-decoration:none;color:inherit;transition:opacity var(--duration-normal) var(--ease-smooth)}a:hover{opacity:.8}.text-hero{font-family:var(--font-primary);font-size:clamp(3rem,5vw + 1rem,6rem);letter-spacing:-.03em;line-height:1.05;color:rgba(255,255,255,.95);mix-blend-mode:overlay}.text-hero,.text-hero-highlight{font-weight:var(--weight-medium)}.text-hero-highlight{color:transparent;background:linear-gradient(135deg,#fff 20%,#a5f3fc);-webkit-background-clip:text;background-clip:text}.text-heading{font-size:clamp(2rem,3vw + 1rem,3.5rem);letter-spacing:-.02em;color:var(--color-white)}.text-heading,.text-subhead{font-family:var(--font-primary);font-weight:var(--weight-light)}.text-subhead{font-size:clamp(1.125rem,1vw + .8rem,1.5rem);line-height:1.5;color:rgba(255,255,255,.7);letter-spacing:-.01em}.text-body{font-size:var(--text-base);font-weight:var(--weight-normal);line-height:1.6;color:rgba(255,255,255,.8)}.text-body,.text-caption{font-family:var(--font-primary)}.text-caption{font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.5)}.text-gradient-cyan{background:linear-gradient(135deg,var(--color-white) 0,var(--color-cyan-glow) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.glow-cyan{box-shadow:var(--glow-cyan)}.glow-magenta{box-shadow:var(--glow-magenta)}.glow-violet{box-shadow:var(--glow-violet)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-cosmic-dark)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-cyan-vibrant),var(--color-magenta-vibrant));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-cyan-glow),var(--color-magenta-glow))}*{scrollbar-width:thin;scrollbar-color:var(--color-cyan-vibrant) var(--color-cosmic-dark)}