@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&family=Manrope:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap');

/* brainbite Site Style Override */

:root {
	--color-brainbite-yellow: #FEDC05;
	--color-brainbite-black: #000000;
	--color-brainbite-white: #FFFFFF;
	--color-brainbite-ink: #0E0E0F;

	--header-bg: #FFFFFF;
	--header-border: transparent;
	--header-menu-color: #000000;
	--header-menu-hover-color: #FEDC05;
	--header-menu-underline-color: #FEDC05;
	--header-brand-color: #FEDC05;

	--footer-bg: #272727;
	--footer-heading-color: #FEDC05;
	--footer-link-color: rgba(255, 255, 255, 0.8);
	--footer-link-hover-color: #FFFFFF;
	--footer-accent-color: #FEDC05;
	--footer-credit-color: #FEDC05;
	--footer-copyright-color: rgba(255, 255, 255, 0.8);

	--section-title-color: #FFFFFF;
	--section-title-accent: var(--color-brainbite-yellow);
	--section-title-border: var(--color-brainbite-yellow);
	--section-title-font: 'Space Grotesk', var(--font-family-heading);
}

body.page {
	background-color: var(--color-brainbite-white);
	color: var(--color-brainbite-ink);
}

.page-title,
.entry-content,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--color-brainbite-ink);
}

.entry-content a {
	color: var(--color-brainbite-yellow);
	text-decoration-color: var(--color-brainbite-yellow);
}

.entry-content a:hover,
.entry-content a:focus {
	color: var(--color-brainbite-ink);
}

.entry-content strong,
.entry-content b {
	color: var(--color-brainbite-ink);
}

.entry-content blockquote {
	border-left-color: var(--color-brainbite-yellow);
	background-color: #FFFBEA;
}

.entry-content hr {
	border-top-color: #E5E5E5;
}

.entry-content th {
	background-color: #FFFBEA;
}

.entry-content th,
.entry-content td {
	border-color: #E5E5E5;
}

.entry-content code,
.entry-content kbd,
.entry-content samp,
.entry-content pre {
	background-color: #F7F7F7;
}

.hero.hero--brainbite {
	background: #181819;
}

.hero.hero--brainbite::before {
	display: none;
	content: none;
}

.trivia-box {
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 10px 25px rgba(139, 92, 246, 0.15);
	margin: 20px 0 0 0;
	border: 1px solid rgba(139, 92, 246, 0.2);
	text-align: left;
}

.trivia-question {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
	color: var(--color-anthracite);
}

.trivia-btn {
	background: #8B5CF6;
	color: white;
	border: none;
	padding: 10px 20px;
	font-weight: 600;
	border-radius: 20px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.trivia-btn:hover {
	background: #7C3AED;
	transform: scale(1.03);
}

.trivia-answer {
	margin-top: 12px;
	font-weight: 600;
	color: #059669;
	display: none;
}

.faqs {
	--faqs-bg: #393939;
	--faqs-accent: var(--color-brainbite-yellow);
	--faqs-card-bg: var(--color-brainbite-white);
	--faqs-card-title: #1F1F1F;
	--faqs-card-text: #46483D;
	--faqs-button-bg: var(--color-brainbite-yellow);
	--faqs-button-color: #000000;
	--faqs-button-font: 'Cinzel Decorative', serif;
	--faqs-item-bg: #2F2F2F;
	--faqs-question-color: var(--color-brainbite-yellow);
	--faqs-answer-color: rgba(255, 255, 255, 0.8);
	--faqs-font-heading: 'Space Grotesk', var(--font-family-heading);
	--faqs-font-body: 'Manrope', var(--font-family-base);
}

.faqs__card-button {
	text-transform: uppercase;
}

.cta {
	--cta-bg: #272727;
	--cta-title-color: var(--color-brainbite-yellow);
	--cta-text-color: rgba(255, 255, 255, 0.8);
	--cta-button-bg-plain: var(--color-brainbite-yellow);
	--cta-button-color-plain: var(--color-brainbite-black);
	--cta-button-bg-with-bg: var(--color-brainbite-yellow);
	--cta-button-color-with-bg: var(--color-brainbite-black);
}

.cta__title {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.cta__button {
	font-family: 'Cinzel Decorative', serif;
	text-transform: capitalize;
}

.cta--without-background,
.cta--with-background{
	background: #393939;
}

.cta--without-background .cta__title {
	color: var(--color-brainbite-yellow);
}

.cta--without-background .cta__text {
	color: var(--faqs-answer-color);
}

.spotlight {
	--spotlight-bg: #393939;
	--spotlight-card-bg: #272727;
	--spotlight-title-color: var(--color-brainbite-yellow);
	--spotlight-title-gradient: none;
	--spotlight-text-color: rgba(255, 255, 255, 0.8);
	--spotlight-trust-color: var(--color-brainbite-yellow);
	--spotlight-trust-line: var(--color-brainbite-yellow);
	--spotlight-font-heading: 'Space Grotesk', var(--font-family-heading);
	--spotlight-font-body: 'Manrope', var(--font-family-base);
}

.spotlight__title {
	-webkit-text-fill-color: var(--color-brainbite-yellow);
}

.reviews {
	--reviews-bg: #393939;
	--reviews-card-light-bg: #FFFFFF;
	--reviews-card-dark-bg: #1E2022;
	--reviews-star-color: var(--color-brainbite-yellow);
	--reviews-shape-color: rgba(254, 220, 5, 0.05);
	--reviews-font-heading: 'Space Grotesk', var(--font-family-heading);
	--reviews-font-body: 'Manrope', var(--font-family-base);
	--section-title-color: #FFFFFF;
	--section-title-accent: var(--color-brainbite-yellow);
	--section-title-border: var(--color-brainbite-yellow);
}

.reviews__card--light .reviews__text {
	color: #535353;
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 500;
}

.reviews__card--dark .reviews__text {
	color: #FFFFFF;
	font-family: 'Manrope', var(--font-family-base);
	font-weight: 500;
}

.reviews__card--light .reviews__author-name {
	color: #1F1F1F;
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--dark .reviews__author-name {
	color: #FFFFFF;
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
}

.reviews__card--light .reviews__author-role {
	color: #535353;
	font-family: 'Manrope', var(--font-family-base);
}

.reviews__card--dark .reviews__author-role {
	color: #D3D3D3;
	font-family: 'Manrope', var(--font-family-base);
}

.contact {
	--contact-bg: #393939;
	--contact-form-bg: #1E2022;
	--contact-form-radius: 24px;
	--contact-input-bg: #F5F3EF;
	--contact-label-color: var(--color-brainbite-yellow);
	--contact-placeholder-color: rgba(119, 120, 108, 0.5);
	--contact-note-color: rgba(254, 220, 5, 0.5);
	--contact-btn-bg: var(--color-brainbite-yellow);
	--contact-btn-color: var(--color-brainbite-black);
	--contact-details-bg: #1E2022;
	--contact-details-radius: 24px;
	--contact-details-heading-color: var(--color-brainbite-yellow);
	--contact-details-icon-bg: var(--color-brainbite-yellow);
	--contact-details-icon-color: var(--color-brainbite-black);
	--contact-info-label-color: var(--color-brainbite-yellow);
	--contact-info-value-color: var(--color-brainbite-white);
	--contact-social-heading-color: var(--color-brainbite-yellow);
	--contact-social-link-color: var(--color-brainbite-white);
	--contact-font-heading: 'Space Grotesk', var(--font-family-heading);
	--contact-font-body: 'Manrope', var(--font-family-base);
}

.contact .cf7-label {
	font-family: 'Space Grotesk', var(--font-family-heading);
	font-weight: 700;
	letter-spacing: 1.4px;
}

.contact .cf7-input,
.contact .cf7-textarea,
.entry-content .contact .cf7-input,
.entry-content .contact .cf7-textarea {
	color: #46483D;
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select,
.entry-content .contact .cf7-select {
	font-family: 'Manrope', var(--font-family-base);
}

.contact .cf7-select option:not([value=""]) {
	color: #46483D;
}

.contact .cf7-submit,
.entry-content .contact .cf7-submit,
.contact input.cf7-submit {
	font-family: 'Cinzel Decorative', serif;
}

.contact .cf7-note {
	font-weight: 600;
}

.faqs {
	--faqs-title-color: #FFFFFF;
	--faqs-title-accent: var(--color-brainbite-yellow);
	--faqs-title-border: var(--color-brainbite-yellow);
}

.features {
	--features-title-color: #FFFFFF;
	--features-title-accent: var(--color-brainbite-yellow);
	--features-title-border: var(--color-brainbite-yellow);
}

.how-it-works {
	--how-it-works-title-color: #FFFFFF;
	--how-it-works-title-accent: var(--color-brainbite-yellow);
	--how-it-works-title-border: var(--color-brainbite-yellow);
}

.growth {
	--growth-title-color: #FFFFFF;
	--growth-title-accent: var(--color-brainbite-yellow);
	--growth-title-border: var(--color-brainbite-yellow);
}

.services {
	--services-title-color: #FFFFFF;
	--services-title-accent: var(--color-brainbite-yellow);
	--services-title-border: var(--color-brainbite-yellow);
}

.highlights {
	--highlights-title-color: #FFFFFF;
	--highlights-title-accent: var(--color-brainbite-yellow);
	--highlights-title-border: var(--color-brainbite-yellow);
}

.error-404 {
	--error-404-button-color: #0E0E0F;
}