/* Fonts & reset */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Poppins', sans-serif; }
body { background:#0a0a0a; color:white; scroll-behavior:smooth; }

/* Navbar */
nav {
  background: rgba(10,10,10,0.85);
  backdrop-filter: blur(10px);
  display:flex; justify-content:center; gap:20px; padding:15px 0;
  position:sticky; top:0; z-index:1000;
}
nav a { color:white; text-decoration:none; font-weight:600; transition:0.3s; }
nav a:hover { color:#00aaff; }

/* Buttons */
.btn { padding:12px 25px; border-radius:10px; border:none; cursor:pointer; transition:0.3s; display:inline-block; }
.btn-primary { background:#0077ff; color:white; }
.btn-secondary { background:transparent; border:1px solid white; color:white; }
.btn:hover { transform: scale(1.05); }

/* Sections */
.section { padding:80px 20px; text-align:center; }
.grid { display:grid; gap:20px; margin-top:40px; }
@media(min-width:768px) { .grid-4 { grid-template-columns:repeat(4,1fr); } }

/* Cards */
.card { background: rgba(255,255,255,0.05); padding:25px; border-radius:15px; backdrop-filter:blur(10px); transition:0.3s; }
.card:hover { transform:scale(1.05); }

/* Stats */
.stats { display:flex; justify-content:center; gap:50px; flex-wrap:wrap; }
.stat h2 { color:#0077ff; }

/* CTA */
.cta { background: linear-gradient(to right,#0077ff,#003366); padding:60px 20px; border-radius:15px; }

/* Footer */
footer { padding:20px; text-align:center; color:#777; }

/* Animations */
.fade-in { opacity:0; transform: translateY(20px); transition: all 0.6s ease-out; }
.appear { opacity:1; transform: translateY(0); }

/* Forms */
form { display:flex; flex-direction:column; gap:15px; max-width:500px; margin:0 auto; }
input, textarea { padding:10px; border-radius:10px; border:none; }
textarea { resize:none; }