/* Reset & base */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', sans-serif; background:#fff; color:#222; line-height:1.6; }

/* Navbar */
.navbar {
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem; background:#fff; border-bottom:1px solid #eee;
  position:sticky; top:0; z-index:1000;
}
.logo { font-weight:bold; font-size:1.3rem; color:#0077ff; }
.nav-links { display:flex; gap:1.5rem; }
.nav-links a { text-decoration:none; color:#333; font-weight:500; }
.nav-links a:hover { color:#0077ff; }
.btn {
  background:#0077ff; color:#fff !important; padding:.5rem 1rem;
  border-radius:5px; text-decoration:none; transition:.3s;
}
.btn:hover { background:#005fcc; }
.btn.big { padding:1rem 2rem; font-size:1.1rem; }
.btn.small { background:#eee; color:#0077ff !important; }

/* Mobile menu */
.menu-toggle { display:none; cursor:pointer; font-size:1.5rem; }
@media (max-width:768px){
  .nav-links { 
    display:none; flex-direction:column; background:#fff;
    position:absolute; top:60px; right:10px; padding:1rem; border:1px solid #ddd; 
  }
  .nav-links.show { display:flex; }
  .menu-toggle { display:block; }
}

/* Hero */
.full-screen { min-height:100vh; display:flex; justify-content:center; align-items:center; text-align:center; padding:2rem; }
.hero-content h1 { font-size:2.5rem; margin-bottom:1rem; }
.hero-content span { color:#0077ff; }
.hero-content p { font-size:1.2rem; margin-bottom:2rem; }

/* Sections */
.info-section, .features-section, .stats-section {
  padding:4rem 2rem; text-align:center; background:#fafafa;
}
.info-section:nth-child(even), .features-section:nth-child(even) { background:#fff; }

.steps, .features {
  display:flex; gap:2rem; justify-content:center; flex-wrap:wrap;
}
.step, .feature-card {
  background:#fff; border:1px solid #eee; padding:1.5rem;
  border-radius:8px; width:250px; transition:transform .3s, box-shadow .3s;
}
.step:hover, .feature-card:hover {
  transform:translateY(-5px); box-shadow:0 6px 15px rgba(0,0,0,.08);
}

/* Stats */
.stats-container { display:flex; justify-content:center; gap:2rem; flex-wrap:wrap; }
.stat-box {
  background:#fff; border:1px solid #eee; padding:1.5rem;
  border-radius:8px; width:200px; transition:.3s;
}
.stat-box:hover { transform:scale(1.05); }
.loading.pulse { animation:pulse 1.5s infinite; }
@keyframes pulse { 0%{opacity:1;} 50%{opacity:.5;} 100%{opacity:1;} }

/* Footer */
footer {
  background:#222; color:#aaa; text-align:center; padding:2rem;
}
.footer-links { margin-bottom:1rem; }
.footer-links a { margin:0 1rem; color:#aaa; text-decoration:none; }
.footer-links a:hover { color:#fff; }

/* Animations */
.fade-in { animation:fadeIn 1.5s ease; }
.slide-up { animation:slideUp 1.5s ease; }
.zoom { animation:zoomIn 1s ease; }
@keyframes fadeIn { from{opacity:0;} to{opacity:1;} }
@keyframes slideUp { from{transform:translateY(40px);opacity:0;} to{transform:translateY(0);opacity:1;} }
@keyframes zoomIn { from{transform:scale(0.9);opacity:0;} to{transform:scale(1);opacity:1;} }