:root{--primary: #ffffff;--secondary: #a1a1a1;--font-main: "Inter", sans-serif;--font-heading: "Playfair Display", serif;--fs-h1: 4rem;--fs-h2: 2.5rem;--fs-h3: 1.5rem;--fs-body: 1.1rem;--global-radius: 4px}[data-theme=dark]{--background: #0a0a0a;--surface: #111111;--primary: #ffffff;--secondary: #888888;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}[data-theme=light]{--background: #fafafa;--surface: #ffffff;--primary: #0a0a0a;--secondary: #666666;--glass-bg: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .08)}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--background);color:var(--primary);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-heading);font-weight:300;letter-spacing:-.02em}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background-image:url(https://grainy-gradients.vercel.app/noise.svg);filter:contrast(150%) brightness(100%)}[data-theme=dark] body:before{opacity:.04}[data-theme=light] body:before{opacity:.02}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:var(--global-radius)}[data-theme=dark] .glass{box-shadow:0 8px 32px #0000005e}[data-theme=light] .glass{box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.1)}.section-padding{padding:8rem 2rem}canvas{touch-action:none}@media(max-width:768px){:root{--fs-h1: 3rem;--fs-h2: 2rem;--fs-h3: 1.2rem;--fs-body: 1rem}.section-padding{padding:4rem 1.5rem}.hero-container h1{margin-top:2rem;white-space:normal!important;overflow-wrap:break-word}section div[style*=vertical-rl],div[style*=vertical-rl]{display:none!important}}@media(max-width:480px){:root{--fs-h1: clamp(1.8rem, 10vw, 2.5rem);--fs-h2: 1.5rem}}.section-padding{padding:4rem 1rem}
