:root{--brand: #6c5ce7; --brand-2:#a29bfe; --bg-soft:#f6f7fb; --radius:1.2rem}
    html,body{font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}
    /* Smooth scroll */
    html{scroll-behavior:smooth}

    /* Section spacing */
    section{padding: 4.5rem 0}
    .section-heading{font-weight:800; letter-spacing: -0.02em}
    .lead-soft{opacity:.9}

    /* Hero */
    .hero{
      position:relative; overflow:hidden; border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius);
      background: radial-gradient(1200px 400px at 10% -10%, var(--brand-2)/.25, transparent),
                  linear-gradient(180deg, var(--bg-soft), transparent);
    }
    .hero .blob{position:absolute; inset:auto -10% -50% auto; width:70vw; height:70vw; background: radial-gradient(circle at 30% 30%, var(--brand), transparent 60%); filter: blur(80px); opacity:.15;}

    /* Cards */
    .card{border:0; border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0,0,0,.06)}
    .card:hover{transform: translateY(-4px); transition: .25s ease}

    /* Avatar */
    .avatar{width:120px; height:120px; border-radius: 50%; object-fit: cover; box-shadow: 0 8px 24px rgba(0,0,0,.15)}

    /* Timeline */
    .timeline{position:relative; padding-left:1.25rem}
    .timeline::before{content:""; position:absolute; left:8px; top:0; bottom:0; width:2px; background: var(--bs-border-color)}
    .tl-item{position:relative; margin-left:.75rem}
    .tl-item::before{content:""; position:absolute; left:-1.02rem; top:.45rem; width:.75rem; height:.75rem; border-radius:50%; background: var(--brand)}

    /* Skill chips */
    .chip{border-radius:999px; padding:.4rem .8rem; background: var(--bg-soft); border:1px solid var(--bs-border-color)}

    /* Footer */
    footer{border-top:1px solid var(--bs-border-color);}

    /* Dark theme extras */
    [data-bs-theme="dark"] .hero{background: radial-gradient(1200px 400px at 10% -10%, #4e44d4/.28, transparent), linear-gradient(180deg, rgba(255,255,255,.02), transparent)}
    [data-bs-theme="dark"] .chip{background: rgba(255,255,255,.04)}

    /* Print CV styles */
    @media print{
      .no-print, nav, footer{display:none !important}
      body{background:#fff}
      section{padding:1rem 0}
      .card, .shadow, .hero{box-shadow:none !important}
      a[href]:after{content:"" !important}
    }