:root{--neon-blue:#00f3ff;--neon-pink:#ff00ea;--dark-bg:#050505;--glass-bg:#14141499}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);color:#fff;font-family:Outfit,sans-serif;overflow:hidden}.hero-section{flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.background-image{object-fit:cover;z-index:0;opacity:.6;filter:blur(2px)contrast(1.1);width:100%;height:100%;animation:10s infinite alternate pulseBg;position:absolute;top:0;left:0}.overlay{z-index:1;background:linear-gradient(135deg,#000c 0%,#0000004d 50%,#000c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.content-wrapper{z-index:2;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:800px;padding:3.5rem;animation:1s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;box-shadow:0 8px 32px #00000080}.logo-text{background:linear-gradient(to right, var(--neon-blue), var(--neon-pink));-webkit-text-fill-color:transparent;text-shadow:0 0 30px #ff00ea4d;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:5rem;font-style:italic;font-weight:700}.subtitle{letter-spacing:5px;text-transform:uppercase;color:#e0e0e0;margin-bottom:2rem;font-size:1.5rem;font-weight:300}.notify-form{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.notify-input{color:#fff;background:#0009;border:1px solid #fff3;border-radius:30px;outline:none;width:300px;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;transition:all .3s}.notify-input:focus{border-color:var(--neon-blue);box-shadow:0 0 15px #00f3ff4d}.notify-btn{background:linear-gradient(45deg, var(--neon-blue), var(--neon-pink));color:#fff;cursor:pointer;border:none;border-radius:30px;padding:1rem 2.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 20px #ff00ea66}.notify-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00f3ff99}.rhythm-visualizer{justify-content:center;align-items:flex-end;gap:8px;height:50px;margin-top:3.5rem;display:flex}.rhythm-visualizer .bar{background:linear-gradient(to top, var(--neon-blue), var(--neon-pink));border-radius:4px;width:8px;animation:1.2s ease-in-out infinite alternate dance;box-shadow:0 0 15px #ff00ea99}.bar1{animation-delay:0s}.bar2{animation-delay:.2s}.bar3{animation-delay:.4s}.bar4{animation-delay:.1s}.bar5{animation-delay:.3s}@keyframes dance{0%{height:15px}50%{height:50px}to{height:25px}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBg{0%{transform:scale(1)}to{transform:scale(1.08)}}@media (max-width:768px){.logo-text{font-size:3.5rem}.subtitle{font-size:1.1rem}.notify-form{flex-direction:column;align-items:center}.notify-input,.notify-btn{width:100%}}