/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:linear-gradient(-45deg,#0f0c29,#302b63,#24243e,#0f0c29);background-size:400% 400%;animation:grad 15s ease infinite;}
@keyframes grad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Particles */
#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;}

/* Container & Parallax */
.container{position:relative;z-index:1;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform 0.1s ease;}

/* Glitch Heading */
.glitch{font-size:3.5em;color:#0ff;position:relative;animation:neon-flicker 1.5s infinite alternate;}
.glitch::before,.glitch::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;color:#0ff;overflow:hidden;clip:rect(0,900px,0,0);}
.glitch::before{animation:glitch-top 2s infinite linear;color:#f0f;}
.glitch::after{animation:glitch-bottom 3s infinite linear;color:#f00;}
@keyframes neon-flicker{0%,18%,22%,25%,53%,57%,100%{text-shadow:0 0 4px #0ff,0 0 8px #0ff,0 0 16px #0ff;}20%,24%,55%{text-shadow:none;}}
@keyframes glitch-top{0%{clip:rect(0,9999px,0,0);transform:translate(0)}10%{clip:rect(10px,9999px,50px,0);transform:translate(-5px,-2px);}20%{clip:rect(20px,9999px,70px,0);transform:translate(5px,2px);}30%{clip:rect(30px,9999px,90px,0);transform:translate(-5px,-2px);}40%{clip:rect(40px,9999px,110px,0);transform:translate(5px,2px);}50%{clip:rect(50px,9999px,130px,0);transform:translate(-5px,-2px);}60%{clip:rect(60px,9999px,150px,0);transform:translate(5px,2px);}70%{clip:rect(70px,9999px,170px,0);transform:translate(-5px,-2px);}80%{clip:rect(80px,9999px,190px,0);transform:translate(5px,2px);}90%{clip:rect(90px,9999px,210px,0);transform:translate(-5px,-2px);}100%{clip:rect(100px,9999px,230px,0);transform:translate(5px,2px);}}
@keyframes glitch-bottom{0%{clip:rect(0,9999px,0,0);transform:translate(0)}10%{clip:rect(200px,9999px,240px,0);transform:translate(5px,2px);}20%{clip:rect(180px,9999px,220px,0);transform:translate(-5px,-2px);}30%{clip:rect(160px,9999px,200px,0);transform:translate(5px,2px);}40%{clip:rect(140px,9999px,180px,0);transform:translate(-5px,-2px);}50%{clip:rect(120px,9999px,160px,0);transform:translate(5px,2px);}60%{clip:rect(100px,9999px,140px,0);transform:translate(-5px,-2px);}70%{clip:rect(80px,9999px,120px,0);transform:translate(5px,2px);}80%{clip:rect(60px,9999px,100px,0);transform:translate(-5px,-2px);}90%{clip:rect(40px,9999px,80px,0);transform:translate(5px,2px);}100%{clip:rect(20px,9999px,60px,0);transform:translate(-5px,-2px);}}

/* Countdown */
.countdown{font-size:2.5em;color:#f00;text-shadow:0 0 8px #f00,0 0 16px #f00;margin:20px 0;}

/* Subtitle */
.sub{font-size:1em;color:#0ff;text-shadow:0 0 4px #0ff;margin-bottom:30px;}

/* Mint Button */
#mint-btn{padding:15px 30px;font-size:1.2em;color:#fff;background:#f0f;border:none;border-radius:8px;cursor:pointer;box-shadow:0 0 8px #f0f,0 0 16px #f0f;animation:btn-pulse 1.5s infinite;}
@keyframes btn-pulse{0%{transform:scale(1);box-shadow:0 0 8px #f0f,0 0 16px #f0f;}50%{transform:scale(1.05);box-shadow:0 0 12px #f0f,0 0 24px #f0f;}100%{transform:scale(1);box-shadow:0 0 8px #f0f,0 0 16px #f0f;}}