:root {
      /*--peakerr-yellow: #ffc107;
      --peakerr-yellow-soft: #fff7d6;*/
      --peakerr-yellow: rgba(38, 115, 178, 1);
      --peakerr-yellow-soft: rgba(237, 242, 248, 1);
      --peakerr-dark: #111827;
      --peakerr-gray: #4b5563;
      --peakerr-light: #f9fafb;
      --peakerr-border: rgba(38, 115, 178, 1);
    }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background-color: var(--peakerr-light);
      color: var(--peakerr-dark);
      line-height: 1.7;
    }
    .navbar-brand span {
      font-weight: 800;
      letter-spacing: 0.03em;
    }
    .bg-hero {
      background: radial-gradient(circle at top left, #2673b230 0%, #fff 45%, #2673b230 100%);
    }
    .badge-soft-yellow {
      background-color: var(--peakerr-yellow-soft);
      color: rgba(20, 22, 25, 1);
      border-radius: 999px;
      padding: .4rem .9rem;
      font-size: .8rem;
      font-weight: 600;
    }
    .btn-peakerr {
      background: var(--peakerr-yellow);
      border-color: var(--peakerr-yellow);
      color: #fff;
      font-weight: 700;
      border-radius: 999px;
      padding-inline: 1.8rem;
    }
    .btn-peakerr:hover {
      background: #ffca2c;
      border-color: #ffca2c;
      color: #000;
    }
    .btn-outline-peakerr {
      border-radius: 999px;
      border-color: var(--peakerr-yellow);
      color: rgba(20, 22, 25, 1);
      background-color: rgba(237, 242, 248, 1);
      font-weight: 600;
    }
    .btn-outline-peakerr:hover {
      background-color: var(--peakerr-yellow);
      color: #000;
    }
    .section-title {
      font-weight: 800;
      letter-spacing: 0.02em;
    }
    .section-subtitle {
      color: var(--peakerr-gray);
      max-width: 720px;
      margin-inline: auto;
    }
    .border-box {
      border: 1px solid var(--peakerr-border);
      border-radius: 1rem;
      background-color: #fff;
      box-shadow: 0 6px 18px rgba(0,0,0,0.03);
    }
    .stat-number {
      font-size: 1.7rem;
      font-weight: 800;
    }
    .nav-tabs.peakerr-tabs .nav-link {
      border-radius: 999px;
      border: 1px solid transparent;
      color: var(--peakerr-gray);
      font-weight: 600;
    }
    .nav-tabs.peakerr-tabs .nav-link.active {
      border-color: var(--peakerr-yellow);
      background-color: var(--peakerr-yellow-soft);
      color: #2673b2;
    }
    .platform-icon {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: var(--peakerr-yellow-soft);
    }
    .country-flag-circle {
      width: 40px;
      height: 40px;
      border-radius: 999px;
      background-color: var(--peakerr-yellow-soft);
      font-weight: 700;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .payment-logo {
      font-size: 1.6rem;
    }
    .review-avatar {
      width: 56px;
      height: 56px;
      border-radius: 999px;
      background-color: var(--peakerr-yellow-soft);
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
    }
    .faq-question button {
      font-weight: 600;
    }
    footer {
      background-color: rgba(38, 115, 178, 1);
      color: #fff;
    }
    footer a {
      color: #fff;
      text-decoration: none;
    }
    footer a:hover {
      text-decoration: underline;
    }
    .yellow-pill {
      background-color: var(--peakerr-yellow-soft);
      border-radius: 999px;
      padding: .15rem .7rem;
      font-size: .75rem;
      font-weight: 600;
      color: rgb(20, 22, 25);
    }
.text-warning {
	color: #2673b2 !important;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid var(--peakerr-border);
}
.accordion-button {
	background-color: transparent;
}
.accordion-item:last-of-type {
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
}
.accordion-item:first-of-type {
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}
footer .text-muted {
	color: rgb(20, 22, 25) !important;
}
#login-sec .form-control {
	background-color: #edf2f8;
	border-color: #edf2f8;
	height: 56px;
	border-radius: 6px;
	border-bottom: 2px solid #b0cbeb;
	box-shadow: none;
}
#login-sec .btn.btn-primary {
	width: 100%;
	background-color: #b0cbeb;
	border-color: #b0cbeb;
	color: #000;
	box-shadow: 0px 2px 4px 0px rgba(20, 22, 25, 1);
	margin-top: 15px;
}
#login-sec {
	padding: 50px 0 ;
}