:root{--bg-color: #060709;--bg-glass: rgba(12, 14, 20, .65);--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(56, 189, 248, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .15);--accent-secondary: #818cf8;--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;background-color:var(--bg-color);overflow-x:hidden;width:100%}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;line-height:1.6}.app-root{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow-x:hidden}::selection{background:var(--accent-color);color:#000}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#334155}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;z-index:0;pointer-events:none!important}.canvas-container canvas{pointer-events:none!important}.webgl-fallback-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#0f172a,#060709 75%)}.ui-layer{position:relative;z-index:10;pointer-events:auto;width:100%}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.heading-large{font-family:var(--font-heading);font-size:clamp(2.2rem,6vw,4.75rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);word-wrap:break-word}.subheading{font-family:var(--font-heading);font-size:clamp(1rem,2.5vw,1.5rem);font-weight:400;color:var(--text-secondary);letter-spacing:-.01em}.mono-tag{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-color);word-wrap:break-word}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#f8fafc;color:#060709;font-family:var(--font-heading);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.875rem 1.75rem;border-radius:9999px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-primary:hover{background:var(--accent-color);color:#060709;transform:translateY(-2px);box-shadow:0 10px 25px -5px var(--accent-glow)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:#ffffff08;color:var(--text-primary);font-family:var(--font-heading);font-size:.875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.875rem 1.75rem;border-radius:9999px;border:1px solid var(--border-color);cursor:pointer;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:#ffffff14;border-color:var(--border-hover);color:#fff;transform:translateY(-2px)}@media(max-width:640px){.container{padding:0 1rem}.mono-tag{font-size:.72rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}