:root{--zipper-y:0%;--gap:0vw;--bg-color:#05060a;--accent:#ff007f;--accent2:#00f0ff;--glass-bg:#ffffff08;--glass-border:#ffffff0d}*{box-sizing:border-box;cursor:none;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:#fff;font-family:Outfit,sans-serif;overflow-x:hidden}#custom-cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:10px;height:10px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#custom-cursor-follower{border:1px solid var(--accent2);pointer-events:none;z-index:9998;border-radius:50%;width:40px;height:40px;transition:width .3s,height .3s,background .3s,border-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}body.cursor-hover #custom-cursor-follower{border-color:var(--accent);background:#00f0ff1a;width:60px;height:60px}#jacket-container{z-index:100;pointer-events:none;width:100vw;height:100dvh;transition:opacity .5s;position:fixed;top:0;left:0}.jacket-half{background-image:url(/jacket.png);background-position:50% 20%;background-size:cover;width:100vw;height:100dvh;position:absolute;top:0;left:0;transform:scale(1.1)}.left-half{clip-path:polygon(0 0, calc(50% - var(--gap)) 0, 50% var(--zipper-y), 50% 100%, 0 100%);filter:drop-shadow(10px 0 20px #000c)}.right-half{clip-path:polygon(calc(50% + var(--gap)) 0, 100% 0, 100% 100%, 50% 100%, 50% var(--zipper-y));filter:drop-shadow(-10px 0 20px #000c)}#zipper-track{top:var(--zipper-y);width:8px;height:calc(100dvh - var(--zipper-y));opacity:.9;z-index:101;background:repeating-linear-gradient(#111,#111 4px,#333 4px 8px);position:absolute;left:50%;transform:translate(-50%);box-shadow:inset 0 0 5px #000}#zipper-pull{top:var(--zipper-y);z-index:102;transition:transform .1s ease-out;position:absolute;left:50%;transform:translate(-50%,-10px)}#zipper-pull svg{filter:drop-shadow(0 10px 20px #000000e6)}#scroll-proxy{width:100%;height:200dvh}#main-content{z-index:10;width:100vw;height:100dvh;position:fixed;top:0;left:0;overflow-y:hidden}#main-content.unlocked{height:auto;position:relative;overflow-y:visible}header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);z-index:50;background:#05060a80;justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0;left:0}.logo{letter-spacing:-1px;font-size:2rem;font-weight:900}.logo span{color:var(--accent)}nav a{color:#ddd;text-transform:uppercase;letter-spacing:1px;margin-left:2.5rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .3s,text-shadow .3s}nav a:hover{color:#fff;text-shadow:0 0 15px var(--accent2)}.hero{text-align:center;justify-content:center;align-items:center;height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;background:var(--bg-color);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-1{background:var(--accent);width:400px;height:400px;animation-delay:0s;top:-10%;left:-10%}.orb-2{background:var(--accent2);width:500px;height:500px;animation-delay:-5s;bottom:-20%;right:-10%}.orb-3{background:#7000ff;width:300px;height:300px;animation-delay:-10s;top:40%;left:50%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(10vw,10vh)scale(1.2)}to{transform:translate(-10vw,-10vh)scale(.9)}}.hero-content{z-index:1}.glitch{text-transform:uppercase;color:#fff;letter-spacing:-3px;text-shadow:0 0 20px #ff007f66;margin-bottom:1rem;font-size:7rem;font-weight:900;line-height:1;position:relative}.glitch:before,.glitch:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 var(--accent);clip-path:polygon(0 0,100% 0,100% 30%,0 30%);animation:2.5s linear infinite alternate-reverse glitch-anim;left:4px}.glitch:after{text-shadow:-2px 0 var(--accent2);clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%);animation:3s linear infinite alternate-reverse glitch-anim2;left:-4px}@keyframes glitch-anim{0%{clip-path:polygon(0 2%,100% 2%,100% 5%,0 5%)}20%{clip-path:polygon(0 15%,100% 15%,100% 15%,0 15%)}40%{clip-path:polygon(0 10%,100% 10%,100% 20%,0 20%)}60%{clip-path:polygon(0 1%,100% 1%,100% 2%,0 2%)}80%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}to{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}}@keyframes glitch-anim2{0%{clip-path:polygon(0 25%,100% 25%,100% 30%,0 30%)}20%{clip-path:polygon(0 3%,100% 3%,100% 3%,0 3%)}40%{clip-path:polygon(0 5%,100% 5%,100% 20%,0 20%)}60%{clip-path:polygon(0 15%,100% 15%,100% 20%,0 20%)}80%{clip-path:polygon(0 25%,100% 25%,100% 25%,0 25%)}to{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}}.hero p{color:#ccc;margin-bottom:2.5rem;font-size:1.5rem;font-weight:300}.cta-btn{background:linear-gradient(45deg, var(--accent), #d10068);color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;padding:1.2rem 3.5rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .3s,box-shadow .3s,filter .3s}.cta-btn:hover{filter:brightness(1.2);transform:translateY(-3px)scale(1.05);box-shadow:0 10px 30px #ff007f80}section{padding:8rem 5%}section h2{text-align:center;text-transform:uppercase;letter-spacing:-1px;margin-bottom:4rem;font-size:3.5rem;font-weight:900}.music-section{background:linear-gradient(to bottom, var(--bg-color), #090b11)}.track-list{perspective:1500px;flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.track-card{background:var(--glass-bg);border:1px solid var(--glass-border);width:320px;transform-style:preserve-3d;border-radius:24px;padding:1.5rem;transition:border-color .3s;position:relative}.glare{pointer-events:none;z-index:10;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff1a 0%, transparent 50%);opacity:0;border-radius:24px;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.track-card:hover .glare{opacity:1}.track-card:hover{border-color:#00f0ff66}.track-art,.track-card h3,.track-card p{transform:translateZ(30px)}.track-art{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:16px;width:100%;margin-bottom:1.5rem;box-shadow:0 10px 20px #00000080}.art-1{background:linear-gradient(135deg, var(--accent), #222)}.art-2{background:linear-gradient(135deg, var(--accent2), #222)}.art-3{background:linear-gradient(135deg,#7000ff,#222)}.track-card h3{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.track-card p{color:#888;font-weight:300}.merch-section{background:var(--bg-color)}.merch-list{flex-wrap:wrap;justify-content:center;gap:3rem;display:flex}.merch-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:320px;padding:1.5rem;transition:transform .3s,border-color .3s}.merch-card:hover{border-color:#00f0ff66;transform:translateY(-10px)}.merch-art{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:16px;width:100%;margin-bottom:1.5rem}.hoodie-art{background:linear-gradient(135deg,#ff007f 0%,#111 100%)}.shirt-art{background:linear-gradient(135deg,#00f0ff 0%,#111 100%)}.vinyl-art{background:radial-gradient(circle,#222 20%,#333 25%,#111 30%,#333 80%,#000 100%);border-radius:50%}.merch-card h3{margin-bottom:.5rem;font-size:1.5rem}.merch-card p{color:var(--accent2);margin-bottom:1.5rem;font-size:1.2rem;font-weight:700}.buy-btn{border:2px solid var(--accent);color:#fff;cursor:pointer;background:0 0;border-radius:50px;width:100%;padding:.8rem 2rem;font-family:inherit;font-weight:700;transition:background .3s,color .3s,box-shadow .3s}.buy-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 15px #ff007f80}.about-section{background:radial-gradient(circle at center, #7000ff1a 0%, var(--bg-color) 70%);justify-content:center;display:flex}.about-content{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141e66;border:1px solid #ffffff1a;border-radius:30px;max-width:800px;padding:4rem;box-shadow:0 20px 40px #00000080}.about-content p{color:#ccc;font-size:1.4rem;font-weight:300;line-height:1.8}.cta-section{background:linear-gradient(to top, var(--bg-color), #090b11);justify-content:center;padding:8rem 5%;display:flex}.cta-box{text-align:center;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ff007f1a,#00f0ff1a);border-radius:40px;width:100%;max-width:800px;padding:5rem 3rem;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 20px #ff007f33}.cta-box:before{content:"";background:conic-gradient(transparent, var(--accent), transparent 30%);z-index:-1;opacity:.15;width:200%;height:200%;animation:10s linear infinite spin;position:absolute;top:-50%;left:-50%}@keyframes spin{to{transform:rotate(360deg)}}.cta-box h2{margin-bottom:1rem;font-size:3.5rem}.cta-box p{color:#ccc;margin-bottom:3rem;font-size:1.2rem}.cta-form{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cta-form input{color:#fff;background:#00000080;border:1px solid #fff3;border-radius:50px;outline:none;width:100%;max-width:350px;padding:1.2rem 2rem;font-family:inherit;font-size:1.1rem;transition:border-color .3s,box-shadow .3s}.cta-form input:focus{border-color:var(--accent2);box-shadow:0 0 15px #00f0ff4d}footer{text-align:center;color:#666;background:#030407;flex-direction:column;align-items:center;gap:2rem;padding:4rem 5%;font-size:.9rem;display:flex}.social-links{gap:2rem;display:flex}.social-icon{color:#888;justify-content:center;align-items:center;transition:color .3s,transform .3s,filter .3s;display:flex}.social-icon svg{width:32px;height:32px}.social-icon:hover{color:var(--accent2);filter:drop-shadow(0 0 10px var(--accent2));transform:translateY(-5px)}.social-icon[aria-label=YouTube]:hover{color:red;filter:drop-shadow(0 0 15px red)}.social-icon[aria-label=Instagram]:hover{color:#e1306c;filter:drop-shadow(0 0 15px #e1306c)}.social-icon[aria-label=Facebook]:hover{color:#1877f2;filter:drop-shadow(0 0 15px #1877f2)}@media (width<=768px){.hero h1,.glitch{font-size:3.5rem}.logo{font-size:1.5rem}nav{display:none}section{padding:4rem 5%}section h2{font-size:2.5rem}.about-content{padding:2.5rem 1.5rem}.cta-box{padding:3rem 1.5rem}.cta-box h2{font-size:2.5rem}.cta-form input{width:100%;max-width:none}.cta-btn{width:100%}#custom-cursor,#custom-cursor-follower{display:none}*{cursor:auto!important}}