:root{--cube-red:#E31E24;--cube-blue:#393185;--cube-yellow:#FECC00;--dark:#18181b;--dark-soft:#232326;--dark-light:#2f2f33;--text:#e4e4e7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:var(--dark);color:var(--text);overflow-x:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:25px 8%;background:#18181bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 3px 12px #0000000f;position:sticky;top:0;z-index:10}.logo-text{font-size:22px;font-weight:600;color:var(--cube-blue);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%{text-shadow:0 0 0px rgba(0,0,0,0)}50%{text-shadow:0 0 12px rgba(57,49,133,.4)}to{text-shadow:0 0 0px rgba(0,0,0,0)}}.logo img{height:40px}.hero{padding:140px 8%;text-align:center;position:relative;background:radial-gradient(circle at top,rgba(57,49,133,.25),transparent 40%),linear-gradient(135deg,#18181b,#232326);color:#fff;overflow:hidden}.hero h1{background-size:600% 600%;animation:gradientMove 6s ease infinite;color:#e4e4e7!important}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero span{background:linear-gradient(270deg,var(--cube-blue),var(--cube-red),var(--cube-yellow));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite}.hero p{font-size:18px;max-width:700px;margin:auto auto 40px;line-height:1.6;color:#d4d4d8}.btn{background:linear-gradient(90deg,var(--cube-blue),var(--cube-red));color:#fff;padding:14px 30px;border-radius:40px;text-decoration:none;font-weight:500;transition:.2s}.btn:hover{background:var(--cube-blue)}.features{padding:100px 8%;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:35px;background:var(--dark)}.card{background:var(--dark-soft);color:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 25px #00000080;transition:.25s;border:1px solid rgba(255,255,255,.05)}.card:hover{transform:translateY(-8px);border-color:var(--cube-blue);box-shadow:0 0 20px #3931854d}.card h3{margin-bottom:10px;font-weight:600}.card:nth-child(1) h3{color:var(--cube-red)}.card:nth-child(2) h3{color:var(--cube-blue)}.card:nth-child(3) h3{color:var(--cube-yellow)}.card:nth-child(4) h3{color:var(--cube-blue)}.signup{padding:120px 8%;text-align:center;background:#f9fafb;color:#1a1a1a}.signup h2{font-size:32px;margin-bottom:10px}.signup p{margin-bottom:30px}.signup input{padding:14px;width:260px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#1a1a1a}.signup button{padding:14px 22px;border:none;background:linear-gradient(90deg,var(--cube-red),var(--cube-yellow));color:#111;border-radius:8px;cursor:pointer;font-weight:500}footer{margin-top:60px;padding:40px;text-align:center;background:#111;color:#888;border-top:1px solid rgba(255,255,255,.05)}.cube{position:absolute;width:70px;height:70px;border-radius:14px;opacity:.7;animation:float 12s infinite ease-in-out}.cube1{background:var(--cube-red);top:20%;left:10%}.cube2{background:var(--cube-blue);top:70%;left:80%;animation-delay:2s}.cube3{background:var(--cube-yellow);top:40%;left:75%;animation-delay:4s}.logo-text{font-size:22px;font-weight:600;background:linear-gradient(90deg,var(--cube-red),var(--cube-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text span{color:var(--cube-red)}.logo-text{transition:.3s}.logo-text:hover{transform:scale(1.05)}.booking{padding:100px 8%;text-align:center;background:var(--dark);color:#fff}.booking h2{font-size:32px;margin-bottom:10px}.booking p{margin-bottom:40px;color:#555}.booking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.booking-card{background:var(--dark-soft);color:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 25px #00000014;border:1px solid rgba(255,255,255,.05);text-align:left}.booking-card h3{margin-bottom:15px}.booking-card input,.booking-card select{background:var(--dark-light);color:#fff;width:100%;padding:12px;margin-bottom:12px;border-radius:8px;border:1px solid #444}.booking-card button{width:100%;padding:12px;border:none;border-radius:8px;background:linear-gradient(90deg,var(--cube-blue),var(--cube-red));color:#fff;font-weight:500;cursor:pointer;transition:.2s}.booking-card input::placeholder{color:#aaa}.booking-card button:hover{transform:scale(1.03)}.pause{background:linear-gradient(270deg,#ff4d4d,var(--cube-red),#b91c1c);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;text-shadow:0 0 12px rgba(227,30,36,.4);animation-delay:0s}.play{background:linear-gradient(270deg,var(--cube-blue),var(--cube-red),var(--cube-yellow));background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;text-shadow:0 0 12px rgba(227,30,36,.3);animation-delay:1s}.progress{background:linear-gradient(270deg,#60a5fa,var(--cube-blue),#1e3a8a);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite;text-shadow:0 0 12px rgba(57,49,133,.4);animation-delay:2s}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}