:root { --brand: #10b981; }
    body { font-family: 'Poppins', sans-serif; }
    .fade-enter { opacity: 0; transform: translateY(8px); }
    .fade-enter-active { opacity: 1; transform: translateY(0); transition: all .25s ease; }
    .fade-leave { opacity: 1; transform: translateY(0); }
    .fade-leave-active { opacity: 0; transform: translateY(-8px); transition: all .2s ease; }
    .nav-pill { @apply inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-semibold transition; }
    .nav-active { background: rgb(16 185 129 / .12); color: var(--brand); }
    
    .phone-wrapper {
      position: relative;
      margin-top: 10px;
    }
    
    #phone-input {
      padding-left: 60px;
    }

    #country-code-suffix {
      position: absolute;
      left: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-weight: bold;
      color: #555;
      pointer-events: none;
    }