/* public/assets/css/style.css */
:root{
  --primary:#0d6efd;
  --accent:#6f42c1;
  --bg:#081226;
  --glass: rgba(255,255,255,0.06);
}
*{box-sizing:border-box}
body{
  font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background: linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);
  color: #111827;
  -webkit-font-smoothing:antialiased;
}
.hero{
  background: linear-gradient(120deg, rgba(13,110,253,0.9) 0%, rgba(111,66,193,0.86) 60%);
  color: #fff;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}
.navbar { padding: 1rem 0; }
.hero-title{ font-weight:700; letter-spacing:-0.02em; text-shadow: 0 8px 30px rgba(0,0,0,0.18); }
.hero-sub{ opacity:0.95; max-width:700px; margin:0 auto; }
.hero-inner{ padding: 48px 0 72px; }
.hero-grid{ display:flex; gap:1rem; justify-content:center; margin-top:20px; }
.hero-grid .feature{ width:220px; background:rgba(255,255,255,0.06); border:none; color:#fff; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.hero-grid .feature:hover{ transform: translateY(-8px); box-shadow: 0 10px 30px rgba(0,0,0,0.25); }

.hero .accent{ color: #ffdd57; }

.wave{ position:absolute; bottom:0; left:0; width:100%; height:110px; opacity:0.95; }

.card.animated-card{ background: rgba(255,255,255,0.06); border:none; color:#fff; backdrop-filter: blur(6px); }

.container{ max-width:1100px; }

footer small{ color:#6b7280; }

.animated-card { transform: translateY(8px); animation: float 4s ease-in-out infinite; }
@keyframes float { 0%{ transform: translateY(6px); } 50%{ transform: translateY(-6px);} 100%{ transform: translateY(6px);} }

/* small screens */
@media (max-width:767px){
  .hero-grid{ flex-direction:column; align-items:center;}
}