:root{--bg-dark: #020617;--accent-blue: #38bdf8;--deep-blue: #1e3a8a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--glass: rgba(15, 23, 42, .7);--glass-border: rgba(56, 189, 248, .2)}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/noise.png);opacity:.05;z-index:1000;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);overflow:hidden;line-height:1.6}canvas{position:fixed;top:0;left:0;z-index:-1;pointer-events:none}.hero-section{height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}.hero-content{z-index:10}.hero-content h1{font-size:clamp(4rem,15vw,10rem);font-weight:900;position:relative;background:linear-gradient(to bottom,#fff,var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px rgba(56,189,248,.3));margin-bottom:.5rem}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.glitch-text:before{color:#f0f;left:-2px;animation:glitch 1s infinite linear alternate-reverse;opacity:.5}.glitch-text:after{color:#0ff;left:2px;animation:glitch 1.5s infinite linear alternate;opacity:.5}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.divider{width:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);margin:1.5rem auto;animation:expand 2s forwards ease-out 1.5s}@keyframes expand{to{width:300px}}.subtitle{font-size:1rem;color:var(--text-secondary);letter-spacing:12px;text-transform:uppercase;margin-left:12px;opacity:0;animation:fadeIn 2s forwards 2s}@keyframes fadeIn{to{opacity:.6}}.gyro-prompt{display:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%);padding:12px 24px;background:var(--glass);border:1px solid var(--accent-blue);color:var(--accent-blue);border-radius:30px;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;z-index:1000;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #38bdf833;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(max-width:768px),(pointer:coarse){.gyro-prompt{display:block}}@media(max-width:768px){.hero-content h1{font-size:18vw}.subtitle{letter-spacing:6px;font-size:.8rem}}.cursor-dot,.cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%,-50%);border-radius:50%;z-index:999;pointer-events:none;transition:opacity .3s ease-in-out}@media(max-width:768px),(pointer:coarse){.cursor-dot,.cursor-outline{display:none}}.cursor-dot{width:8px;height:8px;background-color:var(--accent-blue)}.cursor-outline{width:40px;height:40px;border:2px solid var(--accent-blue)}