:root{--color-dark: #0a0a0a;--color-light: #fefefe;--color-accent-dev: #3b82f6;--color-accent-artist: #d32087;--color-muted: #aaa;--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{font-family:var(--font-body);background-color:var(--color-dark);color:var(--color-light);overflow-x:hidden;height:100vh;width:100%}section{scroll-snap-align:start;scroll-snap-stop:always}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a;border-left:1px solid #1a1a1a}::-webkit-scrollbar-thumb{background:#333;border-radius:6px;border:2px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:#f33}*{scrollbar-width:thin;scrollbar-color:#333 #0a0a0a}.kinetic-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;font-family:Anton,sans-serif;-webkit-user-select:none;user-select:none}.section-layer{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;will-change:clip-path}.section-code{background-color:#050505;z-index:2;clip-path:polygon(0 0,55% 0,45% 100%,0 100%)}.section-music{background-color:#050002;z-index:1}.bg-grid-cyber{position:absolute;inset:-50%;background-image:linear-gradient(rgba(0,255,136,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.1) 1px,transparent 1px);background-size:60px 60px;transform:perspective(1000px) rotateX(60deg) translateY(0);opacity:.3;animation:cyber-grid-scroll 20s linear infinite}.bg-nebula-deep{position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,#2a000d,#000 80%);opacity:.8}.noise-overlay{position:absolute;inset:0;background:url(https://grainy-gradients.vercel.app/noise.svg);opacity:.05;pointer-events:none}.kinetic-content{position:relative;z-index:10;text-align:center;transition:transform .1s ease-out}.title-huge{font-size:15vw;line-height:.8;margin:0;color:#fff;text-transform:uppercase;opacity:.9;mix-blend-mode:overlay}.subtitle-mono{display:block;font-family:JetBrains Mono,monospace;font-size:1rem;letter-spacing:.5rem;color:#fff9;margin-top:1rem;text-align:center}.text-code{color:#0f8;text-shadow:0 0 30px rgba(0,255,136,.4)}.text-music{color:#f04;text-shadow:0 0 30px rgba(255,0,68,.4)}.glass-separator{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:5;pointer-events:none;background:linear-gradient(90deg,#fff0 48%,#ffffff1a,#fff0 52%);width:20px;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 15px #ffffff4d;transform-origin:center;overflow:hidden}.glass-separator:after{content:"";position:absolute;top:-50%;left:0;width:100%;height:200%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transform:translateY(-100%);animation:sheen-travel 3s ease-in-out infinite}@keyframes sheen-travel{0%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(100%)}}.text-offset-right{transform:translate(15vw);transition:transform .5s ease}.text-offset-left{transform:translate(-15vw);transition:transform .5s ease}@media(max-width:1024px){.section-layer{flex-direction:column;justify-content:center}.section-code{clip-path:polygon(0 0,100% 0,100% 50%,0 60%);z-index:2}.glass-separator{width:100%;height:100%;top:0;left:0;background:#ffffff80;clip-path:polygon(0 60%,100% 50%,100% 50.3%,0 60.3%);transform:none;box-shadow:none}.title-huge{font-size:15vw}.subtitle-mono{font-size:.8rem;letter-spacing:.2rem}.kinetic-container{cursor:pointer}.section-code .kinetic-content{transform:translateY(-25vh)!important}.section-music .kinetic-content{transform:translateY(25vh)!important}.text-offset-right,.text-offset-left{transform:translate(0)!important}.text-code-container,.text-music-container{padding:0}.center-hint-v3{bottom:5rem;width:100%;left:0;transform:none;text-align:center;white-space:nowrap}}@media(min-width:769px)and (max-width:1024px){.title-huge{font-size:12vw}.text-offset-right{transform:translate(10vw)}.text-offset-left{transform:translate(-10vw)}}@keyframes cyber-grid-scroll{0%{transform:perspective(1000px) rotateX(60deg) translateY(0)}to{transform:perspective(1000px) rotateX(60deg) translateY(100px)}}.section-layer:hover .title-huge{opacity:1;filter:brightness(1.2)}.center-hint-v3{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff6;font-family:JetBrains Mono,monospace;font-size:.75rem;letter-spacing:.2rem;z-index:20;pointer-events:none;text-transform:uppercase}.kinetic-footer{position:absolute;bottom:.5rem;width:100%;text-align:center;font-family:Inter,sans-serif;font-size:.7rem;color:#fff3;z-index:20;pointer-events:none}