/* Custom styles */
    :root{
      --accent:#0d6efd;
      --muted:#6c757d;
      --card-bg: rgba(255,255,255,0.9);
    }
    body{
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background: linear-gradient(180deg,#f8fafc 0%, #ffffff 100%);
      color:#212529;
      -webkit-font-smoothing:antialiased;
    }
    .hero{
      padding:6rem 0 4rem;
      background: radial-gradient(1000px 300px at 10% 10%, rgba(13,110,253,0.06), transparent);
    }
    .avatar{
      /* width:140px; */
      height: 293px;
      border-radius:12px;
      object-fit:cover;
      box-shadow:0 6px 18px rgba(16,24,40,0.06);
    }
    .skill-badge{
      border-radius:0.5rem;
      padding:.4rem .65rem;
      margin:.25rem;
      background:#f1f5f9;
      border:1px solid #eef2ff;
    }
    .project-card{
      transition:transform .25s ease, box-shadow .25s ease
    }
    .project-card:hover{
      transform:translateY(-6px);
      box-shadow:0 8px 30px rgba(16,24,40,0.08);
    }
    nav.sticky-top{
      backdrop-filter: blur(6px);
      background:rgba(255,255,255,0.7);
    }
    footer{
      padding:2rem 0;background:#0f172a;color:#fff;
    }