:root{--bg-color:#121212;--accent-color:#0047ff;--text-primary:#fff;--text-secondary:#ffffff8c;--grid-color:#ffffff0a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background:radial-gradient(circle,#1a1a1a 0%,#121212 100%);justify-content:center;align-items:center;height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.noise-overlay{pointer-events:none;z-index:10;opacity:.25;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.grid-wrapper{perspective:800px;z-index:0;pointer-events:none;width:100vw;height:100vh;position:absolute;top:0;left:0;overflow:hidden}.grid-background{background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:60px 60px;width:200vw;height:200vh;animation:15s linear infinite gridMove;position:absolute;top:-50vh;left:-50vw;transform:rotateX(70deg)translateY(-100px)translateZ(-200px);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 65%);mask-image:radial-gradient(circle,#000 0%,#0000 65%)}@keyframes gridMove{0%{transform:rotateX(70deg)translateY(0)translateZ(-200px)}to{transform:rotateX(70deg)translateY(60px)translateZ(-200px)}}.hero{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:0 5%;display:flex;position:relative}.hero-content{opacity:0;will-change:transform, opacity;flex-direction:column;align-items:center;animation:1.4s cubic-bezier(.16,1,.3,1) .1s forwards fadeInUp;display:flex;transform:translateY(40px)}.title{letter-spacing:-.04em;color:var(--text-primary);text-transform:uppercase;text-align:center;margin-bottom:2.5rem;font-family:Syncopate,sans-serif;font-size:clamp(3.5rem,12vw,9rem);font-weight:700;line-height:1.05;position:relative}.title:before{content:"VEXITE\a STUDIO";white-space:pre-wrap;color:#0000;-webkit-text-stroke:1px var(--accent-color);opacity:.2;filter:blur(12px);z-index:-1;transition:opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.accent-line{background-color:var(--accent-color);width:2px;height:80px;box-shadow:0 0 20px var(--accent-color);margin:0 auto 2.5rem;position:relative;overflow:hidden}.accent-line:after{content:"";background:linear-gradient(#0000,#fff,#0000);width:100%;height:100%;animation:3s ease-in-out infinite lineShine;position:absolute;top:-100%;left:0}@keyframes lineShine{0%{top:-100%}50%{top:100%}to{top:100%}}.subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--text-secondary);max-width:800px;font-size:clamp(.8rem,1.8vw,1rem);font-weight:300;line-height:1.6}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}::selection{background-color:var(--accent-color);color:#fff}