:root{--primary:#ff007f;--secondary:#00f0ff;--text:#fff;--bg-dark:#000;--glass:#14141466}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,Arial,sans-serif}body,html{background-color:var(--bg-dark);width:100%;height:100%;overflow:hidden}.audio-controls{z-index:1000;position:absolute;top:30px;right:30px}#musicToggle{background:var(--glass);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}#musicToggle:hover{border-color:var(--primary);background:#ff007fcc}#parallax-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.layer{object-fit:cover;pointer-events:none;width:120vw;height:120vh;transition:transform .1s ease-out;position:absolute;top:-10vh;left:-10vw}.layer:first-of-type{z-index:1}.layer:nth-of-type(2){z-index:2}.layer:nth-of-type(3){z-index:3}.content{z-index:10;text-align:center;pointer-events:none;transition:transform .15s ease-out;position:relative}.content h1{letter-spacing:12px;text-transform:uppercase;background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px #000c);-webkit-background-clip:text;margin-bottom:10px;font-size:8rem}.content p{text-shadow:0 2px 15px #000;color:#fff;font-size:2rem;font-weight:300}.btn-group{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.btn{color:#fff;text-transform:uppercase;letter-spacing:2px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:40px;padding:16px 35px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.claude-btn{border:2px solid var(--primary);background:#ff007f33}.claude-btn:hover{background:var(--primary);transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #ff007f66}.gemini-btn{border:2px solid var(--secondary);background:#00f0ff1a}.gemini-btn:hover{background:var(--secondary);color:#000;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #00f0ff66}.hamburger-menu{z-index:1000;position:absolute;top:30px;left:30px}#menuToggle{background:var(--glass);cursor:pointer;-webkit-backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;padding:10px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000004d}#menuToggle:hover{border-color:var(--primary);background:#ff007fcc}.bar{background-color:#fff;width:20px;height:2px;transition:all .3s;display:block}#menuToggle.open .bar:first-child{transform:translateY(7px)rotate(45deg)}#menuToggle.open .bar:nth-child(2){opacity:0}#menuToggle.open .bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.side-nav{-webkit-backdrop-filter:blur(15px);opacity:0;pointer-events:none;white-space:nowrap;background:#0f0f0fd9;border:1px solid #ffffff1a;border-radius:12px;padding:15px 25px;transition:all .3s;position:absolute;top:60px;left:0;transform:translateY(-10px);box-shadow:0 8px 32px #00000080}.side-nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}.side-nav a{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s}.side-nav a:hover{color:var(--secondary)}@media (width<=768px){.content h1{font-size:4rem}.content p{font-size:1.2rem}.btn-group{flex-direction:column;gap:15px}.btn{padding:12px 25px;font-size:.9rem}}.visual-h1{letter-spacing:12px;text-transform:uppercase;background:linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px #000c);-webkit-background-clip:text;margin-bottom:10px;font-family:inherit;font-size:8rem;font-weight:700}@media (width<=768px){.visual-h1{font-size:4rem}}