/* ===== Animation ===== */
    @keyframes zoomOutIntro {
      from { opacity: 0; transform: scale(1.06); }
      to { opacity: 1; transform: scale(1); }
    }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
      background: #fff;
      color: #000;
      line-height: 1.6;
      animation: zoomOutIntro .9s ease-out;
    }

    /* ===== Breadcrumb ===== */
    .breadcrumb {
      font-size: .85rem;
      padding: 1rem 1.2rem;
      max-width: 1100px;
      margin: 0 auto;
    }
    .breadcrumb span { margin: 0 .4rem; color: #666; }
    .breadcrumb a { text-decoration: none; color: #000; font-weight: 500; }

    header {
      background: #000;
      color: #fff;
      text-align: center;
      padding: 3.5rem 1rem;
    }
    header img { height: 42px; margin-bottom: 1.4rem; }
    header h1 { margin: 0; font-size: 2.3rem; letter-spacing: -0.6px; }
    header p { max-width: 620px; margin: .9rem auto 0; color: #cfcfcf; }

    .lang-toggle { margin-top: 1.2rem; font-size: .9rem; }
    .lang-toggle button {
      background: none; border: none; color: #fff; cursor: pointer; opacity: .7; margin: 0 .4rem;
    }
    .lang-toggle button.active { opacity: 1; font-weight: 600; text-decoration: underline; }

    main { max-width: 1100px; margin: 3.5rem auto; padding: 0 1.2rem; }
    .card { border: 1px solid #e5e5e5; padding: 2.8rem; }
    .resume-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 2.5rem; }
    .resume-preview img { width: 100%; border: 1px solid #ddd; transition: transform .25s ease; cursor: zoom-in; }
    .resume-preview img:hover { transform: scale(1.04); }

    h2 { margin-top: 0; font-size: 1.45rem; }
    ul { padding-left: 1.2rem; }
    li { margin-bottom: .55rem; }

    .download {
      display: inline-block;
      margin-top: 2rem;
      padding: .95rem 1.8rem;
      background: #000;
      color: #fff;
      text-decoration: none;
      font-weight: 600;
      border: 1px solid #000;
      transition: all .25s ease;
      cursor: pointer;
    }
    .download:hover { background: #fff; color: #000; }

    footer { border-top: 1px solid #eee; padding: 2.5rem 1rem; text-align: center; font-size: .85rem; color: #666; }

    /* ===== Mobile ===== */
    @media (max-width: 768px) {
      header img { height: 28px; }
      header h1 { font-size: 1.85rem; }
      .resume-grid { grid-template-columns: 1fr; }
      .download { width: 100%; text-align: center; padding: 1rem 0; box-sizing: border-box; }
    }

    /* ===== Print ===== */
    @media print { header, footer, .resume-preview, .lang-toggle, .breadcrumb { display: none; } }