body {
      background: radial-gradient(circle at top left, rgba(0, 73, 255, 0.08), transparent 55%), radial-gradient(circle at bottom right, rgba(121, 73, 255, 0.12), transparent 45%), #f8f9fa;
      min-height: 100vh;
    }

    .header-highlight {
      margin-top: 5rem;
      margin-bottom: 2rem;
    }

    .register-form {
      padding: 32px;
      background: linear-gradient(145deg, #ffffff 0%, #f9fbff 100%);
      border-radius: 20px;
      box-shadow: 0 30px 60px rgba(15, 38, 108, 0.08);      
    }

    .register-form h2 {
      font-weight: 700;
      color: #0f266c;
      margin: 0.001rem;
    }

    .benefit-card {
      background: rgba(255, 255, 255, 0.6);
      border-radius: 18px;
      padding: 28px;
      box-shadow: 0 20px 50px rgba(15, 38, 108, 0.05);
      backdrop-filter: blur(6px);
    }

    .benefit-card .icon-circle {      
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;      
    }

    .social-divider {
      display: flex;
      align-items: center;
      gap: 12px;
      margin: 3rem 0 3rem;
      color: #6c757d;
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    .social-divider::before,
    .social-divider::after {
      content: "";
      flex: 1;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.15));
    }

    .btn-social {
      border-radius: 12px;
      font-weight: 600;      
      min-width: 300px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      transition: transform 0.15s ease, box-shadow 0.15s ease;
    }

    .btn-social:hover {
      transform: translateY(-2px);
      box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
      background-color: #fff;
      color: #0062ff;
    }

    .social-grid {
      display: grid;
      gap: 12px;
    }

    @media (min-width: 576px) {
      .social-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    @media (max-width: 575.98px) {
      .register-form {
        border-radius: 16px;
        padding: 24px;
      }
    }