/* HLN2026 visual system — dark midnight blue, cyan linework, emerald highlights */
:root {
	--hln-bg: #020d17;
	--hln-bg-2: #031827;
	--hln-bg-3: #06273a;
	--hln-card: #062235;
	--hln-cyan: #16d9ff;
	--hln-blue: #0b85d8;
	--hln-green: #36e99b;
	--hln-lime: #9af56c;
	--hln-white: #f4fbff;
	--hln-muted: #9db4c2;
	--hln-line: rgba(22, 217, 255, .24);
	--hln-shadow: 0 24px 80px rgba(0, 0, 0, .42);
	--hln-glow: 0 0 34px rgba(22, 217, 255, .16);
}

html {
	scroll-behavior: smooth
}

body.dark-scheme {
	background: var(--hln-bg) !important;
	color: var(--hln-white);
	font-family: Inter, Arial, sans-serif
}

body.dark-scheme:before {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: -1;
	background: radial-gradient(circle at 82% 10%, rgba(22, 217, 255, .13), transparent 26%), radial-gradient(circle at 10% 74%, rgba(54, 233, 155, .08), transparent 24%), linear-gradient(180deg, #020b13 0%, #031522 48%, #020c14 100%)
}

#wrapper {
	overflow: hidden;
	background: transparent
}

.section-dark,
.bg-dark {
	background: transparent !important
}

.bg-dark-2 {
	background: linear-gradient(145deg, rgba(6, 39, 58, .94), rgba(3, 20, 32, .96)) !important
}

section {
	position: relative;
	border-top: 1px solid rgba(22, 217, 255, .05)
}

section:after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--hln-line), transparent)
}

a {
	color: var(--hln-cyan)
}

a:hover {
	color: var(--hln-green)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--hln-white)
}

p,
.lead {
	color: var(--hln-muted)
}

.id-color,
.text-color {
	color: var(--hln-green) !important
}

.bg-color {
	background: linear-gradient(90deg, #087cc6, #10bce1) !important
}

.bg-color-2 {
	background: linear-gradient(90deg, #0bbf80, #31e9a1) !important;
	color: #00150d !important
}

.hln-header {
	background: linear-gradient(180deg, rgba(2, 13, 23, .96), rgba(2, 13, 23, .72), transparent) !important;
	border-bottom: 1px solid rgba(22, 217, 255, .13)
}

header.smaller {
	background: rgba(2, 13, 23, .93) !important;
	backdrop-filter: blur(18px);
	box-shadow: 0 10px 40px rgba(0, 0, 0, .32)
}

#logo a {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	line-height: 1
}

.hln-logo-mark {
	font-weight: 900;
	font-size: 27px;
	letter-spacing: -1.5px;
	color: #fff
}

.hln-logo-mark span,
.hln-footer-logo span {
	color: var(--hln-green)
}

#logo small {
	margin-top: 2px;
	color: var(--hln-cyan);
	font-size: 7px;
	letter-spacing: 2.2px
}

#mainmenu a {
	color: #e9f9ff !important;
	font-size: 13px
}

#mainmenu a:hover,
#mainmenu a.active {
	color: var(--hln-green) !important
}

#mainmenu li ul {
	background: #052136 !important;
	border: 1px solid var(--hln-line);
	box-shadow: var(--hln-shadow)
}

.btn-main {
	border: 1px solid rgba(54, 233, 155, .65) !important;
	background: linear-gradient(135deg, #0fb987, #2be6a3) !important;
	color: #001810 !important;
	border-radius: 8px !important;
	box-shadow: 0 10px 30px rgba(54, 233, 155, .2);
	font-weight: 800;
	letter-spacing: .3px
}

.btn-main:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 40px rgba(54, 233, 155, .32)
}

.btn-main.btn-line {
	background: rgba(3, 28, 45, .72) !important;
	color: var(--hln-white) !important;
	border-color: rgba(22, 217, 255, .5) !important
}

#section-hero {
	min-height: 800px;
	background-color: #031421 !important
}

#section-hero .sw-overlay {
	background: linear-gradient(90deg, rgba(1, 11, 19, .95) 0%, rgba(2, 17, 28, .76) 48%, rgba(1, 13, 22, .3) 100%) !important
}

#section-hero .gradient-edge-bottom {
	background: linear-gradient(0deg, var(--hln-bg), transparent) !important
}

#section-hero h1 {
	font-size: clamp(68px, 9vw, 132px) !important;
	letter-spacing: -5px;
	text-shadow: 0 0 46px rgba(22, 217, 255, .18)
}

#section-hero h1::first-letter {
	color: var(--hln-white)
}

.subtitle {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	color: var(--hln-green) !important;
	background: rgba(54, 233, 155, .07) !important;
	border: 1px solid rgba(54, 233, 155, .24);
	border-radius: 100px;
	padding: 7px 13px !important;
	letter-spacing: 1.8px !important;
	font-size: 11px !important
}

.subtitle:before {
	content: "✦";
	color: var(--hln-cyan)
}

.border-white-op-3 {
	border-color: rgba(22, 217, 255, .27) !important
}

.bg-blur {
	background: linear-gradient(135deg, rgba(4, 34, 53, .88), rgba(3, 22, 35, .78)) !important;
	backdrop-filter: blur(18px);
	box-shadow: var(--hln-shadow), var(--hln-glow)
}

.rounded-1 {
	border-radius: 14px !important
}

#defaultCountdown .countdown-section {
	border-color: rgba(22, 217, 255, .16) !important
}

#defaultCountdown .countdown-amount {
	color: var(--hln-white) !important
}

#defaultCountdown .countdown-period {
	color: var(--hln-cyan) !important
}

.hover .bg-dark-2,
.schedule-item,
.de-price,
.accordion-section-title,
.bloglist,
.blog-read,
.de-box,
.widget {
	border: 1px solid rgba(22, 217, 255, .18) !important;
	box-shadow: 0 14px 44px rgba(0, 0, 0, .24);
	transition: .25s ease
}

.hover .bg-dark-2:hover,
.schedule-item:hover,
.de-price:hover {
	border-color: rgba(54, 233, 155, .6) !important;
	box-shadow: 0 20px 55px rgba(0, 0, 0, .36), 0 0 26px rgba(22, 217, 255, .1);
	transform: translateY(-4px)
}

.radial-gradient-color {
	background: radial-gradient(circle at 50% 90%, rgba(22, 217, 255, .35), transparent 55%) !important
}

.gradient-edge-bottom {
	background: linear-gradient(0deg, rgba(2, 13, 23, .98), transparent) !important
}

.ul-check li:before {
	color: var(--hln-green) !important
}

.de-marquee-list-1,
.de-marquee-list-2 {
	font-weight: 850;
	letter-spacing: -1px
}

.de-marquee-list-2 {
	color: #001810
}

.nav-pills .nav-link,
.de-tab .de-nav li {
	background: rgba(6, 39, 58, .86) !important;
	border: 1px solid rgba(22, 217, 255, .17) !important;
	color: var(--hln-white) !important
}

.nav-pills .nav-link.active,
.de-tab .de-nav li.active {
	background: linear-gradient(135deg, #0d91d9, #18d8d2) !important;
	border-color: var(--hln-cyan) !important
}

.form-control,
input,
textarea,
select {
	background: #041b2a !important;
	border: 1px solid rgba(22, 217, 255, .2) !important;
	color: #fff !important;
	border-radius: 8px !important
}

.form-control:focus,
input:focus,
textarea:focus {
	border-color: var(--hln-cyan) !important;
	box-shadow: 0 0 0 3px rgba(22, 217, 255, .1) !important
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
	color: #7e9aaa !important
}

.hln-footer {
	background: linear-gradient(180deg, #031421, #020a11) !important;
	border-top: 1px solid rgba(22, 217, 255, .22)
}

.hln-footer-logo {
	font-size: 57px;
	font-weight: 950;
	letter-spacing: -3px
}

.hln-footer-tag {
	color: var(--hln-cyan);
	font-size: 11px;
	letter-spacing: 1.4px;
	text-transform: uppercase
}

.social-icons a {
	/*background: #06253a !important;
	boder: 1px solid var(--hln-line) !important*/
}

.social-icons a:hover {
	background: var(--hln-green) !important;
	color: #002116 !important
}

.subfooter {
	border-top: 1px solid rgba(22, 217, 255, .12) !important;
	color: #7793a3
}

#de-loader {
	background-color: var(--hln-bg) !important
}

.float-text,
.scrollbar-v {
	border-color: var(--hln-line) !important
}

.float-text a {
	color: var(--hln-cyan) !important
}

@media(max-width:991px) {
	header .container {
		padding-left: 18px;
		padding-right: 18px
	}

	#mainmenu {
		background: #031827 !important;
		border: 1px solid var(--hln-line) !important
	}

	.hln-logo-mark {
		font-size: 24px
	}

	#section-hero h1 {
		letter-spacing: -2px !important
	}

	.sm-hide {
		display: none !important
	}
}

@media(max-width:767px) {
	#section-hero {
	/*	min-height: 720px*/
	}

	#section-hero .abs-centered {
		width: 92% !important
	}

	#section-hero h1 {
		font-size: 55px !important
	}

	.btn-main {
		margin-bottom: 10px
	}

	.hln-footer .d-lg-flex>div {
		margin: 24px 0
	}
}