/* assets/styles.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap');
:root{
  --glass: rgba(255,255,255,0.04);
}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial}
.nav-link{color:rgba(226,232,240,0.9);transition:color .15s}
.nav-link:hover{color:var(--accent, #ffb84d)}
.spice-card{background:linear-gradient(135deg, rgba(255,138,77,0.06), rgba(124,58,237,0.06)); border:1px solid rgba(255,255,255,0.04); backdrop-filter: blur(6px)}
.work-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent); border:1px solid rgba(255,255,255,0.03)}
.project-card{transition:transform .18s, box-shadow .18s}
.project-card:hover{transform:translateY(-6px) scale(1.01); box-shadow: 0 10px 30px rgba(0,0,0,0.6)}
.chip{background:rgba(255,255,255,0.04);padding:6px 10px;border-radius:999px;font-weight:600;color:#ffd6a5}
@media (prefers-reduced-motion: no-preference){
  .spice-card{transform:translateY(0); transition:transform .6s cubic-bezier(.2,.9,.2,1)}
  .spice-card:hover{transform:translateY(-8px)}
}