:root {
      --brand-border: rgba(231, 226, 246, 0.16);
      --brand-highlight: #ebe3fb;
      --brand-accent-soft: #e5c86a;
      --text-main: #faf7ff;
      --text-soft: rgba(250, 247, 255, 0.8);
    }

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

    body {
      min-height: 100vh;
      margin: 0;
      font-family: "Trebuchet MS", "Segoe UI", sans-serif;
      color: var(--text-main);
      background: linear-gradient(135deg, #121630 0%, #1a1f45 52%, #22295a 100%);
      display: grid;
      place-items: center;
      padding: 24px;
      position: relative;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background:
        radial-gradient(circle at top left, rgba(229, 200, 106, 0.16), transparent 32%),
        radial-gradient(circle at bottom right, rgba(235, 227, 251, 0.14), transparent 28%);
      pointer-events: none;
    }

    .container {
      width: 100%;
      max-width: 460px;
      backdrop-filter: blur(12px);
      background: linear-gradient(180deg, rgba(106, 114, 184, 0.26), rgba(33, 36, 74, 0.64));
      border: 1px solid rgba(235, 227, 251, 0.2);
      border-radius: 26px;
      padding: 28px 22px;
      box-shadow: 0 22px 60px rgba(0, 0, 0, 0.45);
      position: relative;
      z-index: 1;
      animation: rise 700ms ease-out;
    }

    .profile {
      text-align: center;
      margin-bottom: 20px;
    }

    .brand-logo {
      width: 108px;
      height: 108px;
      object-fit: contain;
      border-radius: 24px;
      background: rgba(235, 227, 251, 0.1);
      padding: 10px;
      border: 1px solid rgba(235, 227, 251, 0.26);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.26);
      margin-bottom: 14px;
    }

    h1 {
      margin: 0 0 8px 0;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 1.6rem;
      line-height: 1.15;
      color: var(--brand-accent-soft);
    }

    .subtitle {
      color: var(--text-soft);
      font-size: 0.97rem;
      line-height: 1.35;
      margin: 0 auto;
      max-width: 36ch;
    }

    .links {
      display: grid;
      gap: 12px;
      margin-top: 22px;
    }

    .link-btn {
      text-decoration: none;
      color: var(--text-main);
      background:
        linear-gradient(180deg, rgba(235, 227, 251, 0.08), rgba(255, 255, 255, 0.02)),
        linear-gradient(135deg, rgba(229, 200, 106, 0.06), transparent);
      border: 1px solid rgba(235, 227, 251, 0.14);
      border-radius: 14px;
      padding: 14px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-weight: 600;
      transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
    }

    .link-btn:hover {
      transform: translateY(-2px);
      background:
        linear-gradient(180deg, rgba(235, 227, 251, 0.12), rgba(255, 255, 255, 0.03)),
        linear-gradient(135deg, rgba(229, 200, 106, 0.1), transparent);
      border-color: rgba(229, 200, 106, 0.55);
    }

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

    .icon {
      width: 30px;
      height: 30px;
      border-radius: 9px;
      display: grid;
      place-items: center;
      background: rgba(229, 200, 106, 0.22);
      color: var(--brand-highlight);
    }

    .icon i {
      font-size: 16px;
      line-height: 1;
    }

    .icon--instagram i { color: #ff9bcf; }
    .icon--whatsapp i { color: #7ff3ab; }
    .icon--analise i { color: var(--brand-accent-soft); }
    .icon--meditacoes i { color: #9be8b3; }

    .arrow {
      opacity: 0.85;
      font-size: 1.08rem;
      color: var(--brand-accent-soft);
    }

    @keyframes rise {
      from {
        opacity: 0;
        transform: translateY(12px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }