* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      html,
      body {
          -ms-overflow-style: none;
          scrollbar-width: none;
      }

      html::-webkit-scrollbar,
      body::-webkit-scrollbar {
          display: none;
      }

      body {
          margin: 0;
          font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto,
              Helvetica, Arial, sans-serif;
          color: #fff;
          background: linear-gradient(135deg,
                  #f7931a 0%,
                  #627eea 30%,
                  #9945ff 90%);
          background-size: 100% 100%;
      }

      :root {
          --panel: rgba(255, 255, 255, 0.06);
          --ink: #fff;
          --muted: rgba(255, 255, 255, 0.7);
          --acc: #230289;
          --chip: #1a1c27;
          --chip-b: #2c2f39;
      }

      a {
          color: var(--acc);
          text-decoration: none;
          outline: none;
      }

      .container {
          width: 100%;
          max-width: 1024px;
          padding: 24px;
          background: rgba(255, 255, 255, 0.02);
          backdrop-filter: blur(8px);
          border-radius: 20px;
          border: 1px solid rgba(255, 255, 255, 0.2);
      }

      .card {
          background: linear-gradient(180deg,
                  rgba(255, 255, 255, 0.02),
                  rgba(255, 255, 255, 0));
          border: 1px solid rgba(255, 255, 255, 0.25);
          border-radius: 20px;
          box-shadow: 0 10px 30px rgba(255, 255, 255, 0.05);
      }

      header {
          display: flex;
          flex-wrap: wrap;
          gap: 16px;
          align-items: center;
      }

      .avatar {
          width: 72px;
          height: 72px;
          border-radius: 50%;
          background: #eeedf3;
      }

      .title {
          flex: 1 1 320px;
          line-height: 28px;
      }

      .title h1 {
          margin: 0;
          font-size: 24px;
          line-height: 34px;
          letter-spacing: 0.2px;
      }

      .title p {
          margin: 6px 0 0;
          color: var(--muted);
      }

      .meta {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          color: var(--muted);
          font-size: 12px;
          margin-top: 8px;
      }

      .actions {
          display: flex;
          gap: 10px;
          align-items: center;
      }

      button,
      .btn {
          appearance: none;
          border: 1px solid var(--chip-b);
          background: var(--chip);
          color: var(--ink);
          padding: 8px 12px;
          border-radius: 12px;
          cursor: pointer;
          flex-shrink: 0;
      }

      button:hover,
      .btn:hover {
          border-color: var(--acc);
      }

      h2 {
          margin: 8px 0 12px;
          font-size: 18px !important;
          color: #fff;
          /* text-transform: uppercase; */
          letter-spacing: 0.12em;
          font-weight: 600 !important;
      }

      .panel {
          background: transparent;
          border: 1px solid rgba(255, 255, 255, 0.25);
          border-radius: 16px;
          padding: 16px;
          line-height: 20px;
      }

      .badges {
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
      }

      .chip {
          background: linear-gradient(180deg, var(--chip), #151725);
          border: 1px solid var(--chip-b);
          padding: 8px 12px;
          border-radius: 999px;
          font-size: 12px;
      }

      ul {
          margin: 8px 0 0 16px;
          line-height: 1.6;
      }

      hr {
          border: 0;
          border-top: 1px solid rgba(255, 255, 255, 0.15);
          margin: 16px 0;
      }

      @media print {
          * {
              color: #151725;
          }

          .projects-experience {
              border: none !important;
          }

          h2 {
              color: #151725;
          }

          body {
              background: #fff;
              padding-top: 60px;
          }

          .container {
              max-width: none;
              margin: 0;
              padding: 0;
              border: none !important;
          }

          .chip {
              background: #fff !important;
          }

          .card {
              border: none;
              box-shadow: none;
          }

          .actions {
              display: none !important;
          }

          a {
              color: #000;
          }

          .panel {
              border: 1px solid #ddd;
          }
      }

      .line {
          line-height: 16px;
      }