:root {
  --primary-color: #00f3ff;
  --secondary-color: #ff00cc;
  --glass-color: rgba(255, 255, 255, 0.1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: #0a0f1f;
  color: #fff;
  overflow-x: hidden;
}

/* Parallax Background */
.parallax { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; overflow: hidden; }
.layer { position: absolute; width: 110%; height: 110%; top: -5%; left: -5%; }
.bg-gradient { background: linear-gradient(135deg, rgba(0,243,255,0.2), rgba(255,0,204,0.2)); }
.bg-neon { background: radial-gradient(circle at 50% 50%, rgba(0,243,255,0.1), transparent 60%); }

/* Layout */
header { height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; }
.hero-content h1 { font-size: 4rem; text-shadow: 0 0 20px var(--primary-color); }
.hero-content p { font-size: 1.5rem; margin-top: 1rem; color: #ccc; }

.features { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; padding: 4rem 2rem; max-width: 1000px; margin: 0 auto; }
.feature { background: var(--glass-color); backdrop-filter: blur(10px); border-radius: 20px; padding: 2rem; border: 1px solid rgba(255,255,255,0.2); transition: transform 0.3s; }
.feature:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,243,255,0.2); }

form { max-width: 600px; margin: 4rem auto; padding: 2rem; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(15px); border-radius: 20px; border: 1px solid var(--primary-color); text-align: center; }
input, button { width: 100%; margin: 1rem 0; padding: 1rem; border-radius: 10px; border: none; font-size: 1rem; }
input { background: rgba(255,255,255,0.1); color: #fff; border: 1px solid rgba(255,255,255,0.3); }
button { background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); color: #fff; cursor: pointer; font-weight: bold; transition: opacity 0.3s; }
button:hover { opacity: 0.8; }

footer { text-align: center; padding: 3rem; background: rgba(0, 0, 0, 0.8); }
.whatsapp-btn { display: inline-block; margin-top: 1rem; padding: 0.8rem 1.5rem; background: #25D366; color: #fff; border-radius: 25px; text-decoration: none; font-weight: bold; transition: transform 0.3s; }
.whatsapp-btn:hover { transform: scale(1.05); }