.galaxy-container{width:100%;height:100%;position:relative}:root{--primary-1: #1548ed;--primary-2: #15bbed;--primary-3: #15ed97;--gradient-primary: linear-gradient(135deg, var(--primary-1), var(--primary-2), var(--primary-3));--bg-color: #030712;--text-primary: #f8fafc;--text-secondary: #94a3b8;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--glass-blur: 4px;--accent-glow: rgba(21, 72, 237, .3);--spacing-unit: 8px;--max-width: 1200px;--nav-height: 80px;--transition-fast: .2s ease;--transition-normal: .3s ease-in-out;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-color: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--card-bg: rgba(0, 0, 0, .02);--card-border: rgba(0, 0, 0, .05);--accent-glow: rgba(21, 72, 237, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .3s ease-in-out,color .3s ease-in-out}.container{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 3);width:100%}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--spacing-unit) * 3)}.custom-cursor{width:24px;height:24px;background:var(--gradient-primary);border-radius:50%;position:fixed;pointer-events:none;z-index:10000;border:2px solid rgba(255,255,255,.4);box-shadow:0 0 15px var(--accent-glow);transform:translate3d(-9999px,-9999px,0);will-change:transform}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);z-index:10001;transform-origin:left center;will-change:transform}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:10px}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 5s ease infinite}
