:root {
        --bg: #050914;
        --card: #0b1220;
        --card-soft: #101827;
        --line: rgba(255, 255, 255, 0.1);
        --text: #f8fafc;
        --muted: #aab4c8;
        --pink: #d80b6c;
        --pink-soft: rgba(216, 11, 108, 0.16);
        --blue: #1d4ed8;
        --gold: #d9ad55;
        --green: #15a05d;
        --radius: 15px;
        --shadow: 0 24px 70px rgba(0, 0, 0, 0.45);
      }

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

      body,
      button,
      input,
      textarea,
      select {
        font-family: "Heebo", sans-serif;
      }

      body {
        min-height: 100vh;
        background:
        /* radial-gradient(circle at 10% 0%, rgba(216, 11, 108, 0.18), transparent 28%),
        radial-gradient(circle at 90% 5%, rgba(29, 78, 216, 0.18), transparent 34%), */ var(
          --bg
        );
        color: var(--text);
      }

      .page {
        width: min(1120px, calc(100% - 28px));
        margin: 0 auto;
        padding: 28px 0 60px;
      }

      .profile-card {
        overflow: hidden;
        border-radius: 34px;
        background: linear-gradient(180deg, #0b1220, #060a12);
        border: 1px solid var(--line);
        box-shadow: var(--shadow);
      }

    .section {
        margin: 18px 22px;
        padding: 24px;
        border-radius: var(--radius);
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.055),
          rgba(255, 255, 255, 0.025)
        );
      }

    h2 {
        font-size: 28px;
        margin-bottom: 18px;
        line-height: 1.2;
      }

      @media (max-width: 820px) {
        body {
          padding-bottom: 80px;
        }

        .page {
          width: 100vw;
          max-width: none;
          margin: 0;
          padding: 0;
        }

        .profile-card {
          width: 100vw;
          border: none;
          border-radius: 0;
          box-shadow: none;
          overflow: visible;
        }

        .section {
          margin: 14px 12px;
          padding: 18px;
        }

        h2 {
          font-size: 24px;
        }
      }