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

    :root {
      --bg-deep:    #07111c;
      --bg-card:    rgba(255, 255, 255, 0.04);
      --border:     rgba(255, 255, 255, 0.09);
      --accent:     #2196f3;
      --accent-dim: rgba(33, 150, 243, 0.15);
      --text-head:  #f0f7ff;
      --text-sub:   #7fa8c9;
      --text-muted: #3a5f7d;
    }

    body {
      font-family: 'Inter', -apple-system, sans-serif;
      background-color: var(--bg-deep);
      min-height: 100vh;
      -webkit-font-smoothing: antialiased;
      background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(33, 150, 243, 0.18) 0%, transparent 70%);
    }

    a { text-decoration: none; color: inherit; }

    /* ── Page wrapper ── */
    .page {
      max-width: 440px;
      margin: 0 auto;
      padding: 56px 20px 10px;
    }

    /* ── Profile ── */
    .profile {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      margin-bottom: 40px;
    }

    .avatar-ring {
      padding: 3px;
      border-radius: 50%;
      /*background: linear-gradient(135deg, #2196f3, #0d47a1);*/
      margin-bottom: 20px;
    }

    .avatar-ring img {
      width: 96px;
      height: 96px;
      border-radius: 50%;
      object-fit: cover;
      display: block;
      /*border: 3px solid var(--bg-deep);*/
    }

    .profile-name {
      font-size: 22px;
      font-weight: 800;
      color: var(--text-head);
      letter-spacing: -0.4px;
      display: flex;
      align-items: center;
      gap: 7px;
    }

    /* Ícone verificado estilo Instagram */
    .verified {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .verified svg {
      width: 22px;
      height: 22px;
    }

    .profile-bio {
      font-size: 14px;
      color: var(--text-sub);
      margin-top: 6px;
      line-height: 1.55;
    }

    .profile-tag {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      background: var(--accent-dim);
      border: 1px solid rgba(33, 150, 243, 0.3);
      color: #64b5f6;
      font-size: 11px;
      font-weight: 600;
      padding: 4px 12px;
      border-radius: 999px;
      margin-top: 12px;
      letter-spacing: 0.5px;
      text-transform: uppercase;
    }

    /* ── Divider label ── */
    .divider-label {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 28px 0 14px;
    }

    .divider-label span {
      font-size: 10px;
      font-weight: 700;
      color: var(--text-muted);
      text-transform: uppercase;
      letter-spacing: 2px;
      white-space: nowrap;
    }

    .divider-label::before,
    .divider-label::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--border);
    }

    /* ── Buttons ── */
    .btn-list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .btn {
      position: relative;
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 16px 18px;
      border-radius: 14px;
      font-size: 14px;
      font-weight: 600;
      color: var(--text-head);
      background: var(--bg-card);
      border: 1px solid var(--border);
      backdrop-filter: blur(8px);
      -webkit-backdrop-filter: blur(8px);
      transition: background 0.2s, border-color 0.2s, transform 0.18s;
      cursor: pointer;
    }

    .btn:hover {
      background: rgba(255, 255, 255, 0.07);
      border-color: rgba(255, 255, 255, 0.15);
      transform: translateY(-2px);
    }

    .btn-icon {
      width: 38px;
      height: 38px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .btn-content {
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    .btn-content small {
      font-size: 12px;
      font-weight: 400;
      color: var(--text-sub);
      margin-top: 2px;
    }

    .btn-arrow {
      margin-left: auto;
      color: var(--text-muted);
      flex-shrink: 0;
    }

    /* WhatsApp CTA */
    .btn-cta {
      background: linear-gradient(135deg, #1565c0, #1e88e5);
      border-color: rgba(30, 136, 229, 0.6);
      box-shadow: 0 4px 24px rgba(33, 150, 243, 0.22);
    }

    .btn-cta:hover {
      background: linear-gradient(135deg, #1976d2, #2196f3);
      border-color: rgba(33, 150, 243, 0.8);
    }

    .btn-cta .btn-content small {
      color: rgba(255,255,255,0.65);
    }

    /* ── Social row ── */
    .social-btn {
      color: var(--text-head);
      border-color: rgba(255, 255, 255, 0.18);
    }

    .social-btn:hover {
      transform: translateY(-2px);
      filter: brightness(1.05);
    }

    .social-btn .btn-content small {
      color: rgba(255, 255, 255, 0.85);
    }

    .social-btn .btn-arrow {
      color: rgba(255, 255, 255, 0.85);
    }

    .social-instagram {
      background: #fd1d1d;
    }

    .social-tiktok {
      background: #000000;
    }

    .social-facebook {
      background: #0b1e70;
    }

    .social-btn .btn-icon {
      background: rgba(255, 255, 255, 0.12);
    }
    .social-btn .btn-icon svg {
      width: 19px;
      height: 19px;
      display: block;
      fill: #ffffff;
    }

    .social-btn .btn-icon svg path {
      fill: #ffffff;
    }

    .social-btn span {
      font-size: 14px;
      font-weight: 600;
    }

    .social-btn .btn-content {
      display: flex;
      flex-direction: column;
      text-align: left;
    }

    /* ── Footer ── */
    .footer {
      text-align: center;
      font-size: 12px;
      color: var(--text-muted);
      margin-top: 44px;
      letter-spacing: 0.4px;
    }