body {
	background-color: #1a1a1a;
	color: #eee;
	font-family: 'Manrope', sans-serif;
	letter-spacing:-0.025em;
}
.text-highlight { color:#d8172b; }
.form-input-group { display:flex; flex-direction:column; position:relative; }
.form-input-group .form-icon { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#aaa; pointer-events:none; }
.form-input-group .form-control { padding:.5rem 1rem; padding-left:46px; border-color:#333333; }
.form-label { color:#898e99; font-size:13px; margin-bottom:4px; font-weight:700; text-transform:uppercase; letter-spacing:-.025em; }
.form-control { color:#FFF; background-color:#262729; border-color:#333333; }
.trigger_uncover_password { position:absolute; top:50%; transform:translateY(-50%); right:5px; color:#c3c3c3; padding:8px 12px; cursor:pointer; }
input.form-control::placeholder { color:#FFF; }
.logo img { max-height:60px; width:450px; max-width:100%; }
.card { background-color:#1e1e1e; border-color:#333; }
.payment-options { position:relative; color:#FFF; }
.payment-options ul { list-style:none; width:100%; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.payment-options ul li { display:flex; flex:1; justify-content:center; background-color:#262729; border:1px solid #333; padding:10px; cursor:pointer; transition:background-color .3s; border-radius:var(--bs-border-radius); }
.payment-options ul li label { position:relative; width:100%; text-align:center; cursor:pointer; }
.payment-options ul li label .payment-label { cursor:pointer; font-weight:600; }
.payment-options ul li label .payment-icon { cursor:pointer; position:absolute; text-shadow:none; left:0; top:50%; transform:translateY(-50%); color:#ffaf12; opacity:0; transition:opacity .3s; }
.payment-options ul li.active {
	color:#FFF;
	background: #545965;
	background: -moz-linear-gradient(bottom, #545965 0%, #80848d 100%);
	background: -webkit-linear-gradient(bottom, #545965 0%, #80848d 100%);
	background: linear-gradient(to bottom, #545965 0%, #80848d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545965', endColorstr='#80848d', GradientType=1);
}
.payment-options ul li.active label .payment-icon { opacity:1; }
ul.membership-options { display:flex; flex-wrap:wrap; flex-direction:column; width:100%; margin:0; padding:0; list-style:none; }
ul.membership-options li { display:inline-block; width:100%; margin-bottom:6px; }
ul.membership-options li label { display:flex; padding:8px 22px; background-color:#262729; color:#FFF; border:1px solid #333; cursor:pointer; position:relative; z-index:2; border-radius:8px; transition:all .5s ease; }
ul.membership-options li label input[type="radio"] { position:absolute; top:0; right:0; opacity:0; }
ul.membership-options li label .join-option-details { position:relative; display:flex; flex-wrap:wrap; flex-direction:column; }
ul.membership-options li label .join-option-details .join-option-title { display:inline-block; width:100%; font-weight:600; text-transform:uppercase; font-size:26px; }
ul.membership-options li label .join-option-details .join-option-description { display:inline-block; width:100%; font-weight:400; font-size:13px; }
ul.membership-options li label .join-option-details .join-option-extra {
	display:inline-block; width:100%; font-weight:700; font-size:11px; letter-spacing:1px; text-align:center; padding:2px 12px; color:#8b6a08; border-radius:4px; text-shadow:#ffe492 1px 1px 1px;
	background: #fbd45c;
	background: -moz-linear-gradient(left, #fbd45c 0%, #c5a238  100%);
	background: -webkit-linear-gradient(left, #fbd45c 0%,#c5a238  100%);
	background: linear-gradient(to right, #fbd45c 0%,#c5a238  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd45c', endColorstr='#c5a238 ',GradientType=1 );
}
ul.membership-options li .label-best-option {
	display:inline-block; width:100%; text-align:center; font-weight:700; color:#222; border-radius:0 0 8px 8px; position:relative; z-index:1; padding:1px 8px; padding-top:20px; margin-top:-16px;
	font-size:11px; font-family:Arial, sans-serif;
	background: #fbd45c;
	background: -moz-linear-gradient(left, #fbd45c 0%, #c5a238  100%);
	background: -webkit-linear-gradient(left, #fbd45c 0%,#c5a238  100%);
	background: linear-gradient(to right, #fbd45c 0%,#c5a238  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd45c', endColorstr='#c5a238 ',GradientType=1 );
}
ul.membership-options li label .join-option-price { position:relative; display:flex; }
ul.membership-options li label .join-option-price .join-option-price-currency { font-size:24px; }
ul.membership-options li label .join-option-price .join-option-price-big { font-size:50px; line-height:100%; }
ul.membership-options li label .join-option-price .join-option-price-small { font-size:24px; }
ul.membership-options li label .join-option-price .join-option-price-amount { font-size:13px; position:absolute; bottom:-1px; left:16px; }
ul.membership-options li:hover label,
ul.membership-options li.active label,
ul.membership-options li:has(input[type="radio"]:checked) label {
	color:#FFF; text-shadow:#282f40 1px 1px 1px;
	background: #545965;
	background: -moz-linear-gradient(bottom, #545965 0%, #80848d 100%);
	background: -webkit-linear-gradient(bottom, #545965 0%, #80848d 100%);
	background: linear-gradient(to bottom, #545965 0%, #80848d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545965', endColorstr='#80848d', GradientType=1);
}
ul.membership-options.membership-options-smaller li label .join-option-details .join-option-title { font-size:18px; }
.btn-submit {
	font-weight:700; font-size:2.2rem; text-shadow:#000 1px 1px 1px; padding-top:1rem; padding-bottom:1rem; transition:all .3s ease;
	background: #34bd7e;
	background: -moz-linear-gradient(bottom, #34bd7e 0%, #198754 100%);
	background: -webkit-linear-gradient(bottom, #34bd7e 0%, #198754 100%);
	background: linear-gradient(to bottom, #34bd7e 0%, #198754 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34bd7e', endColorstr='#198754', GradientType=1);
}
.btn-submit:hover {
	font-weight:700; font-size:2.2rem; text-shadow:#000 1px 1px 1px; padding-top:1rem; padding-bottom:1rem;
	background: #198754;
	background: -moz-linear-gradient(left, #198754 0%, #34bd7e 100%);
	background: -webkit-linear-gradient(left, #198754 0%, #34bd7e 100%);
	background: linear-gradient(to bottom, #198754 0%, #34bd7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#198754', endColorstr='#34bd7e', GradientType=1);
}
.benefits li { margin-bottom:.75rem; font-weight:600; }
.bonus-sites { background-color:#1e1e1e; border-color:#333; }
.bonus-sites ul { display:flex; gap:10px; }
.bonus-sites ul li { display:flex; align-items:center; flex-direction:column; text-align:center; }
.bonus-sites ul li.bonus-site-item { color:#FFF; }
.bonus-sites ul li.bonus-site-item img { display:inline-block; vertical-align:top; max-width:100%; max-height:50px; margin-bottom:6px; }
footer a { color:#aaa; text-decoration:underline; }
footer .footer-links a { margin-left:0.5rem; margin-right:0.5rem; }
footer a:hover { text-decoration:none; }

.light-mode { background-color:#f8f9fa; color:#212529; }
.light-mode header { background-color:#000; }
.light-mode .card { background-color:#f1f1f1; border-color:#e7e7e7; }
.light-mode .form-control { background-color:#fff; color:#545965; border-color:#ced4da; }
.light-mode input.form-control::placeholder { color:#666; }
.light-mode .payment-options ul { text-shadow:none; }
.light-mode .payment-options ul li { background-color:#FFF; color:#545965; border-color:#e7e7e7; }
.light-mode .payment-options ul li.active { background-color:#545965; color:#FFF; }
.light-mode ul.membership-options li label { background-color:#FFF; color:#545965; border-color:#e7e7e7; }
.light-mode ul.membership-options li:hover label,
.light-mode ul.membership-options li.active label,
.light-mode ul.membership-options li:has(input[type="radio"]:checked) label { color:#FFF; text-shadow:none; }
.light-mode ul.membership-options li .label-best-option {
	background: #f2cd2b;
	background: -moz-linear-gradient(left, #fbd45c 0%, #f2cd2b  100%);
	background: -webkit-linear-gradient(left, #fbd45c 0%,#f2cd2b  100%);
	background: linear-gradient(to right, #fbd45c 0%,#f2cd2b  100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd45c', endColorstr='#f2cd2b ',GradientType=1 );
}
.light-mode .section-continue .text-light { color:#212529 !important; }
.light-mode .bonus-sites ul li.bonus-site-item { color:#212529; }
.light-mode .card.bonus-sites .text-warning { color:#d8172b !important; }
/*.light-mode footer { background-color:#000; color:#CCC; }*/
.light-mode footer a { color:#5a5a5a; }

@media screen and (max-width: 767px) {
	ul.membership-options li label { display:inline-block; width:100%; text-align:center; }
	ul.membership-options li label .join-option-price { display:inline-block; }
	ul.membership-options li label .join-option-price .join-option-price-big,
	ul.membership-options li label .join-option-price .join-option-price-small,
	ul.membership-options li label .join-option-price .join-option-price-currency { font-size:20px; }
	ul.membership-options li label .join-option-price .join-option-price-amount { bottom:0; left:0; right:0; }
}
@media screen and (max-width: 500px) {
	#join-form h4,
	#join-form h5 { font-size:16px; }
	.payment-options ul { display:inline-block; }
	.payment-options ul li { margin-bottom:.25rem; }
	.payment-options ul li:last-child { margin-bottom:0; }
	ul.membership-options li { margin-bottom:.25rem; }
	ul.membership-options li label .join-option-details .join-option-title { font-size:16px; }

	.btn-submit { font-size:1.5rem; }
	.footer-links a { margin:6px; white-space:nowrap; }
}