:root {
			--mlgt-ink: #0e1424;
			--mlgt-blue: #1565c0;
			--mlgt-cyan: #00acc1;
			--mlgt-sky: #eaf4ff;
			--mlgt-muted: #5f6f89;
		}

		html {
			scroll-behavior: smooth;
		}

		body {
			font-family: "Segoe UI", "Helvetica Neue", sans-serif;
			color: var(--mlgt-ink);
			background:
				linear-gradient(135deg, rgba(0, 172, 193, 0.07) 0%, rgba(21, 101, 192, 0.03) 34%, rgba(255, 255, 255, 0) 64%),
				radial-gradient(circle at 86% 18%, rgba(0, 172, 193, 0.14) 0%, rgba(0, 172, 193, 0) 38%),
				radial-gradient(circle at 10% 10%, #f8fbff 0%, #eef6ff 35%, #ffffff 100%);
			position: relative;
			overflow-x: hidden;
		}

		body::before,
		body::after {
			content: "";
			position: fixed;
			z-index: -2;
			filter: blur(50px);
			opacity: 0.58;
			pointer-events: none;
		}

		body::before {
			width: 40vw;
			height: 40vw;
			top: -12vw;
			left: -10vw;
			background: radial-gradient(circle, rgba(0, 172, 193, 0.55) 0%, rgba(0, 172, 193, 0) 68%);
			animation: driftA 12s ease-in-out infinite;
			transform: translate(var(--cursor-x, 0px), var(--cursor-y, 0px));
		}

		body::after {
			width: 44vw;
			height: 44vw;
			bottom: -16vw;
			right: -10vw;
			background: radial-gradient(circle, rgba(21, 101, 192, 0.5) 0%, rgba(21, 101, 192, 0) 72%);
			animation: driftB 15s ease-in-out infinite;
			transform: translate(calc(var(--cursor-x, 0px) * -1), calc(var(--cursor-y, 0px) * -1));
		}

		.bg-grid {
			position: fixed;
			inset: 0;
			z-index: -1;
			pointer-events: none;
			background-image:
				linear-gradient(rgba(8, 36, 76, 0.07) 1px, transparent 1px),
				linear-gradient(90deg, rgba(0, 172, 193, 0.11) 1px, transparent 1px);
			background-size: 34px 34px;
			mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 78%);
		}

		.fa-solid,
		.fa-regular,
		.fa-brands {
			display: inline-block;
			line-height: 1;
			min-width: 1em;
		}

		.navbar-brand i {
			transition: transform .35s ease;
		}

		.navbar-brand:hover i {
			transform: rotate(-12deg) scale(1.12);
		}

		.navbar {
			backdrop-filter: blur(10px);
			background: #ffffff;
			font-family: 'Lato', 'Segoe UI', sans-serif;
			box-shadow: 0 10px 28px rgba(18, 53, 99, 0.08);
			padding: 1.1rem 0;
			position: relative;
			overflow: visible;
			z-index: 1035;
		}

		.navbar::after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: 0;
			height: 1px;
			background: linear-gradient(90deg, #1565c0 0%, #0f86d1 48%, #00acc1 100%);
			pointer-events: none;
			z-index: 0;
		}

		.navbar-nav {
			position: relative;
			z-index: 1;
		}

		.navbar-brand {
			position: relative;
			z-index: 1;
			padding: 0;
			transition: transform .24s ease, text-shadow .24s ease;
		}

		.navbar-brand::after {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			bottom: -0.28rem;
			height: 2px;
			background: linear-gradient(90deg, rgba(21, 101, 192, 0.78), rgba(0, 172, 193, 0.75));
			transform: scaleX(0);
			transform-origin: left center;
			transition: transform .28s ease;
			pointer-events: none;
		}

		.navbar-brand:hover,
		.navbar-brand:focus-visible {
			transform: translateY(-1px);
			text-shadow: 0 5px 14px rgba(19, 58, 107, 0.16);
		}

		.navbar-brand:hover::after,
		.navbar-brand:focus-visible::after {
			transform: scaleX(1);
		}

		.navbar-brand i {
			margin-right: 0.5rem;
		}

		.nav-link {
			display: inline-flex;
			align-items: center;
			gap: .35rem;
			font-weight: 400;
			color: #334a6b;
			position: relative;
			transition: color .2s ease;
			padding: .55rem .6rem;
			border-radius: 0;
		}

		.nav-link:not(.dropdown-toggle)::after {
			content: "";
			position: absolute;
			left: .95rem;
			right: .95rem;
			bottom: .35rem;
			height: 2px;
			background: #1565c0;
			transform: scaleX(0);
			transform-origin: center;
			transition: transform .2s ease;
		}

		.nav-link:hover,
		.nav-link:focus {
			color: #1565c0;
			background: transparent;
		}

		.nav-link:not(.dropdown-toggle):hover::after,
		.nav-link:not(.dropdown-toggle):focus::after {
			transform: scaleX(1);
		}

		.nav-link.active {
			color: #1565c0;
			background: transparent;
		}

		.nav-link:not(.dropdown-toggle).active::after {
			transform: scaleX(1);
		}

		.navbar-toggler {
			border-color: #c7d8ea;
			background: transparent;
			padding: .35rem .55rem;
			border-radius: 0;
		}

		.navbar-toggler-icon {
			filter: none;
		}

		.dropdown-menu {
			border: 1px solid #d8e4f1;
			background: #ffffff;
			box-shadow: 0 14px 34px rgba(19, 58, 107, 0.14);
			border-radius: 0;
			padding: .6rem 0;
			z-index: 1045;
		}

		.dropdown-item {
			color: #4b5e79;
			padding: .65rem 1.2rem;
			display: inline-flex;
			align-items: center;
			gap: .35rem;
			transition: all .2s ease;
		}

		.dropdown-item:hover,
		.dropdown-item:focus {
			background: #eef4fb;
			color: #1565c0;
		}

		.nav-link.dropdown-toggle::after {
			display: inline-block;
			position: static;
			width: .45rem;
			height: .45rem;
			margin-left: .35rem;
			vertical-align: .1rem;
			border-right: 2px solid #4a6285;
			border-bottom: 2px solid #4a6285;
			border-left: 0;
			border-top: 0;
			transform: rotate(45deg);
			background: none;
		}

		.nav-link.dropdown-toggle.show::after {
			transform: rotate(225deg);
			margin-top: .25rem;
		}

		.hero {
			position: relative;
			min-height: 92vh;
			display: flex;
			align-items: center;
			background: #08101c;
			color: #fff;
			padding: 7rem 0 5rem;
			overflow: hidden;
			--hero-offset: 0px;
		}

		.hero-bg-stack {
			position: absolute;
			inset: 0;
			z-index: 0;
			pointer-events: none;
		}

		.hero-bg {
			position: absolute;
			inset: -4%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center calc(50% + var(--hero-offset));
			opacity: 0;
			transition: opacity 3s ease-in-out;
			will-change: opacity, transform, background-position;
			animation: heroZoom 8.5s ease-in-out infinite alternate;
		}

		.hero-bg--1 {
			background-color: #d9e4ef;
			background-image: linear-gradient(rgba(8, 14, 28, 0.10), rgba(8, 14, 28, 0.14)), url("/data/uploads/image2-2048x1326.png");
		}

		.hero-bg--2 {
			background-image: linear-gradient(rgba(8, 14, 28, 0.18), rgba(8, 14, 28, 0.20)), url("/data/uploads/mlgt-bg1.jpg");
		}

		.hero-bg--3 {
			background-image: linear-gradient(rgba(8, 14, 28, 0.16), rgba(8, 14, 28, 0.18)), url("/data/uploads/bgimgmlgt.png");
		}

		.hero[data-hero-bg="1"] .hero-bg--1,
		.hero[data-hero-bg="2"] .hero-bg--2,
		.hero[data-hero-bg="3"] .hero-bg--3 {
			opacity: 1;
		}

		.hero > .container {
			position: relative;
			z-index: 1;
		}

		.hero-badge {
			display: inline-flex;
			align-items: center;
			gap: .5rem;
			background: rgba(255, 255, 255, 0.14);
			border: 1px solid rgba(255, 255, 255, 0.28);
			border-radius: 8px;
			padding: .4rem .9rem;
			margin-bottom: 1rem;
			font-size: .92rem;
		}

		.hero h1 {
			font-size: clamp(2rem, 5vw, 4rem);
			line-height: 1.1;
			font-weight: 800;
			letter-spacing: -0.02em;
			margin-bottom: .65rem;
		}

		.hero p {
			color: #e5eefb;
			max-width: 55ch;
			font-size: clamp(1.38rem, 2.45vw, 1.66rem);
			line-height: 1.65;
			margin-top: 1rem;
			margin-bottom: 1rem;
		}

		@keyframes scrollCueBounce {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(5px);
			}
		}

		@keyframes heroZoom {
			0% {
				transform: scale(1.08);
			}
			100% {
				transform: scale(1.18);
			}
		}

		@keyframes scrollCuePulse {
			0%, 100% {
				opacity: .45;
				transform: scaleY(.82);
			}
			50% {
				opacity: 1;
				transform: scaleY(1);
			}
		}

		.hero-typing {
			display: inline-flex;
			align-items: center;
			gap: .45rem;
			height: 3rem;
			margin-top: 1.5rem;
			padding: .55rem 1rem;
			background: rgba(255, 255, 255, 0.1);
			border: 1px solid rgba(255, 255, 255, 0.18);
			border-radius: 999px;
			box-shadow: 0 12px 28px rgba(8, 14, 28, 0.14);
			backdrop-filter: blur(10px);
			font-size: clamp(1rem, 1.7vw, 1.12rem);
			font-weight: 700;
			color: #ffffff;
			flex-wrap: wrap;
			justify-content: center;
		}

		.hero-typing-prefix {
			display: inline-flex;
			align-items: center;
			height: 2rem;
			padding: 0 .25rem 0 0;
			border: 0;
			background: transparent;
			box-shadow: none;
			color: #eef5ff;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: .12em;
			font-size: .82em;
			white-space: nowrap;
		}

		.hero-typing-text {
			min-width: 11ch;
			text-align: left;
			height: 2rem;
			line-height: 2rem;
			padding: 0;
			border-bottom: 0;
			white-space: nowrap;
		}

		.hero-typing-cursor {
			width: .7ch;
			height: 2rem;
			border-right: 2px solid rgba(255, 255, 255, 0.95);
			align-self: center;
			animation: cursorBlink .9s steps(1) infinite;
			margin-left: .15rem;
		}

		.hero-scroll-hint {
			display: flex;
			justify-content: center;
			margin-top: 4.75rem;
		}

		.hero-scroll-cue {
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			gap: .35rem;
			color: #eef5ff;
			text-decoration: none;
			font-size: .78rem;
			font-weight: 700;
			letter-spacing: .14em;
			text-transform: uppercase;
			opacity: .9;
			transition: opacity .2s ease, transform .2s ease;
		}

		.hero-scroll-cue:hover,
		.hero-scroll-cue:focus {
			color: #ffffff;
			opacity: 1;
			transform: translateY(1px);
		}

		.hero-scroll-cue i {
			font-size: 1.2rem;
			animation: scrollCueBounce 1.6s ease-in-out infinite;
		}

		.hero-scroll-cue::after {
			content: "";
			width: 1px;
			height: 1.4rem;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.85));
			animation: scrollCuePulse 1.6s ease-in-out infinite;
		}

		.pill-list {
			display: flex;
			flex-wrap: wrap;
			gap: .55rem;
			margin-top: 1rem;
			justify-content: center;
		}

		.pill-list span {
			background: rgba(255, 255, 255, 0.13);
			border: 1px solid rgba(255, 255, 255, 0.28);
			border-radius: 6px;
			padding: .3rem .8rem;
			font-size: .88rem;
		}

		.tree-section {
			position: relative;
			background: linear-gradient(rgba(11, 33, 17, 0.55), rgba(11, 33, 17, 0.55)), url("/data/uploads/website_banner_empty_7.png") center/cover no-repeat !important;
			color: #f3f8f4;
			padding: 3rem 0;
			overflow: hidden;
		}

		.tree-section::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				radial-gradient(circle at 16% 20%, rgba(137, 214, 88, 0.28) 0%, transparent 40%),
				radial-gradient(circle at 84% 80%, rgba(75, 181, 108, 0.2) 0%, transparent 38%);
			pointer-events: none;
		}

		.tree-section .container {
			position: relative;
			z-index: 1;
		}

		.tree-title {
			font-size: clamp(1.8rem, 3vw, 2.45rem);
			font-weight: 800;
			line-height: 1.15;
			letter-spacing: -0.01em;
			margin-bottom: 1rem;
		}

		.tree-text {
			color: #e2f2e4;
			max-width: 72ch;
		}

		.tree-points {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: .85rem;
			margin-top: 1.3rem;
		}

		.tree-point {
			background: rgba(255, 255, 255, 0.12);
			border: 1px solid rgba(209, 238, 215, 0.3);
			padding: .8rem .9rem;
		}

		.tree-point strong {
			display: block;
			font-size: .95rem;
			margin-bottom: .2rem;
		}

		.tree-point span {
			font-size: .9rem;
			color: #ddeddc;
		}

		section {
			scroll-margin-top: 5.5rem;
			padding: 7rem 0;
			background: rgba(255, 255, 255, 0.72);
			position: relative;
			overflow: hidden;
		}

		section::after {
			content: "";
			position: absolute;
			inset: 0;
			background-image:
				radial-gradient(circle at 20% 50%, rgba(21, 101, 192, 0.055) 0.8px, transparent 0.8px),
				radial-gradient(circle at 60% 70%, rgba(0, 172, 193, 0.06) 0.8px, transparent 0.8px),
				linear-gradient(45deg, transparent 48%, rgba(21, 101, 192, 0.03) 49%, rgba(21, 101, 192, 0.03) 51%, transparent 52%);
			background-size: 52px 52px, 68px 68px, 86px 86px;
			pointer-events: none;
			z-index: 0;
		}

		section:nth-of-type(2)::after {
			background-image:
				radial-gradient(circle, rgba(0, 172, 193, 0.06) 1.1px, transparent 1.1px),
				radial-gradient(circle, rgba(21, 101, 192, 0.06) 1.1px, transparent 1.1px);
			background-size: 42px 42px, 68px 68px;
			background-position: 0 0, 20px 20px;
		}

		section:nth-of-type(3)::after {
			background-image:
				radial-gradient(circle, rgba(0, 172, 193, 0.06) 1.1px, transparent 1.1px);
			background-size: 45px 45px;
		}

		section:nth-of-type(4)::after {
			background-image:
				radial-gradient(circle at 25% 30%, rgba(21, 101, 192, 0.04) 1px, transparent 1px),
				radial-gradient(circle, rgba(0, 172, 193, 0.045) 1px, transparent 1px);
			background-size: 48px 48px, 72px 72px;
			background-position: 0 0, 24px 24px;
		}

		section:nth-of-type(5)::after {
			background-image:
				radial-gradient(circle, rgba(21, 101, 192, 0.045) 1px, transparent 1px),
				radial-gradient(circle, rgba(0, 172, 193, 0.04) 1px, transparent 1px);
			background-size: 50px 50px, 78px 78px;
			background-position: 0 0, 22px 22px;
		}

		section::before {
			content: "";
			position: absolute;
			inset: 0;
			background: 
				radial-gradient(circle at 12% 8%, rgba(21, 101, 192, 0.04) 0%, transparent 40%),
				radial-gradient(circle at 88% 92%, rgba(0, 172, 193, 0.03) 0%, transparent 45%);
			pointer-events: none;
			animation: sectionGlow 8s ease-in-out infinite;
			z-index: 0;
		}

		section .container {
			position: relative;
			z-index: 1;
		}

		section:nth-of-type(even) {
			background: rgba(250, 253, 255, 0.92);
		}

		section:nth-of-type(even)::after {
			background-image:
				radial-gradient(circle, rgba(21, 101, 192, 0.09) 1.5px, transparent 1.5px),
				radial-gradient(circle, rgba(0, 172, 193, 0.07) 1.5px, transparent 1.5px);
			background-size: 26px 26px, 44px 44px;
			background-position: 0 0, 13px 13px;
		}

		section:nth-of-type(even)::before {
			background: 
				radial-gradient(circle at 15% 10%, rgba(245, 127, 23, 0.03) 0%, transparent 45%),
				radial-gradient(circle at 85% 88%, rgba(21, 101, 192, 0.04) 0%, transparent 42%);
		}

		.section-divider {
			border: 0;
			height: 1px;
			margin: 0;
			background: linear-gradient(90deg, rgba(18, 83, 161, 0), rgba(18, 83, 161, 0.42), rgba(0, 171, 193, 0), rgba(18, 83, 161, 0.42), rgba(18, 83, 161, 0));
			opacity: 1;
		}

		.section-card {
			background: transparent;
			border: 0;
			border-radius: 0;
			box-shadow: none;
			transition: none;
		}

		.logoz {
			text-align: center;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			gap: 1.1rem;
			padding-top: 0;
			width: max-content;
			animation: logoMarquee 36s linear infinite;
		}

		.logoz img {
			height: 52px;
			width: auto;
			max-width: 320px;
			object-fit: contain;
			opacity: .94;
			filter: saturate(.88) contrast(1.03);
			transition: opacity .25s ease, transform .25s ease;
			transform-origin: center;
		}

		.logoz img:hover {
			opacity: 1;
			transform: scale(1.08);
			z-index: 2;
		}

		.logo-carousel {
			position: relative;
			overflow: hidden;
			padding: .2rem 0;
		}

		.logo-carousel:hover .logoz {
			animation-play-state: paused;
		}

		.logo-carousel::before,
		.logo-carousel::after {
			content: none;
			position: absolute;
			top: 0;
			bottom: 0;
			width: 70px;
			z-index: 1;
			pointer-events: none;
		}

		.logo-carousel::before {
			left: 0;
			background: linear-gradient(90deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
		}

		.logo-carousel::after {
			right: 0;
			background: linear-gradient(270deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
		}

		#partner-technologien {
			text-align: center;
			background: #ffffff !important;
			padding: 1.6rem 0;
		}

		#partner-technologien.stripe {
			background: #ffffff !important;
		}

		#partner-technologien::before {
			content: none;
		}

		#partner-technologien::after {
			content: none;
		}

		#webentwicklung::after {
			background-image:
				radial-gradient(circle at 20% 50%, rgba(21, 101, 192, 0.085) 1.05px, transparent 1.05px),
				radial-gradient(circle at 60% 70%, rgba(0, 172, 193, 0.09) 1.05px, transparent 1.05px),
				linear-gradient(45deg, transparent 48%, rgba(21, 101, 192, 0.04) 49%, rgba(21, 101, 192, 0.04) 51%, transparent 52%) !important;
			background-size: 46px 46px, 62px 62px, 84px 84px !important;
		}

		#webhosting::after,
		#consulting::after {
			background-image:
				radial-gradient(circle, rgba(21, 101, 192, 0.055) 1px, transparent 1px),
				radial-gradient(circle, rgba(0, 172, 193, 0.05) 1px, transparent 1px) !important;
			background-size: 42px 42px, 68px 68px !important;
			background-position: 0 0, 21px 21px !important;
		}

		/* Swapped look: managed-server uses the previous consulting/default section background */
		#managed-server {
			background: rgba(255, 255, 255, 0.72) !important;
		}

		#managed-server::before {
			background:
				radial-gradient(circle at 12% 8%, rgba(21, 101, 192, 0.04) 0%, transparent 40%),
				radial-gradient(circle at 88% 92%, rgba(0, 172, 193, 0.03) 0%, transparent 45%) !important;
		}

		#managed-server::after {
			background-image:
				radial-gradient(circle at 20% 50%, rgba(21, 101, 192, 0.055) 0.8px, transparent 0.8px),
				radial-gradient(circle at 60% 70%, rgba(0, 172, 193, 0.06) 0.8px, transparent 0.8px),
				linear-gradient(45deg, transparent 48%, rgba(21, 101, 192, 0.03) 49%, rgba(21, 101, 192, 0.03) 51%, transparent 52%) !important;
			background-size: 52px 52px, 68px 68px, 86px 86px !important;
			background-position: 0 0, 0 0, 0 0 !important;
		}

		/* Swapped look: consulting uses the previous managed/even section tone */
		#consulting {
			background:
				radial-gradient(circle at 10% 20%, rgba(0, 172, 193, 0.12) 0%, rgba(0, 172, 193, 0) 34%),
				radial-gradient(circle at 90% 80%, rgba(0, 172, 193, 0.10) 0%, rgba(0, 172, 193, 0) 28%),
				linear-gradient(180deg, rgba(250, 253, 255, 0.98) 0%, rgba(243, 250, 255, 0.94) 100%) !important;
		}

		#consulting::before {
			background:
				radial-gradient(circle at 15% 10%, rgba(245, 127, 23, 0.055) 0%, transparent 46%),
				radial-gradient(circle at 85% 88%, rgba(0, 172, 193, 0.12) 0%, transparent 44%) !important;
			opacity: 0.72;
		}

		#consulting::after {
			background-image:
				radial-gradient(circle, rgba(21, 101, 192, 0.09) 1.4px, transparent 1.4px),
				radial-gradient(circle, rgba(0, 172, 193, 0.10) 1.4px, transparent 1.4px) !important;
			background-size: 34px 34px, 54px 54px !important;
			background-position: 0 0, 18px 18px !important;
		}

		.consulting-strengths {
			display: flex;
			flex-direction: column;
			gap: 0.75rem;
		}

		.consulting-panel {
			position: relative;
			background: rgba(255, 255, 255, 0.96);
			border: 1px solid rgba(21, 101, 192, 0.10);
			border-radius: 14px;
			overflow: hidden;
			box-shadow: 0 10px 24px rgba(19, 58, 107, 0.06);
		}

		.consulting-panel::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(120deg, rgba(0, 172, 193, 0.04) 0%, rgba(255, 255, 255, 0) 52%, rgba(21, 101, 192, 0.03) 100%);
			pointer-events: none;
		}

		.consulting-panel h5,
		.consulting-panel .consulting-strengths {
			position: relative;
			z-index: 1;
		}

		.consulting-strength-card {
			position: relative;
			background: #ffffff;
			padding: 1rem 1rem 1rem 1.05rem;
			border-radius: 12px;
			border: 1px solid rgba(21, 101, 192, 0.08);
			border-left: 4px solid #1565c0;
			box-shadow: 0 6px 16px rgba(19, 58, 107, 0.05);
			overflow: hidden;
			transform: none;
			transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
			animation: none;
		}

		.consulting-strength-card::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(120deg, rgba(0, 172, 193, 0.03) 0%, rgba(21, 101, 192, 0) 58%);
			pointer-events: none;
		}

		.consulting-strength-card:nth-child(2) { animation-delay: 0.12s; }
		.consulting-strength-card:nth-child(3) { animation-delay: 0.24s; }

		.consulting-strength-card:hover {
			box-shadow: 0 8px 18px rgba(19, 58, 107, 0.07);
			border-color: rgba(21, 101, 192, 0.14);
		}

		.consulting-strength-card p {
			margin: 0;
		}

		.consulting-strength-card .strength-title {
			font-size: 0.9rem;
			font-weight: 700;
			color: #1565c0;
			margin-bottom: 0.2rem;
		}

		.consulting-strength-card .strength-copy {
			font-size: 0.85rem;
			color: #4b5e79;
		}

		#cloud-speicher {
		}

		#kontakt {
			background: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)), url("/data/uploads/talk2-768x512.jpg") center/cover no-repeat !important;
		}

		#kontakt::after {
			background-image:
				radial-gradient(circle, rgba(21, 101, 192, 0.08) 0%, rgba(21, 101, 192, 0.02) 35%, transparent 70%),
				radial-gradient(circle, rgba(0, 172, 193, 0.06) 0%, rgba(0, 172, 193, 0.015) 40%, transparent 75%) !important;
			background-size: 280px 280px, 420px 420px !important;
			background-position: 0 0, 140px 140px !important;
		}

		@keyframes logoMarquee {
			from {
				transform: translateX(0);
			}
			to {
				transform: translateX(-50%);
			}
		}

		.section-kicker {
			font-size: clamp(1.7rem, 2.8vw, 2.4rem);
			line-height: 1.1;
			letter-spacing: -0.01em;
			color: var(--mlgt-blue);
			font-weight: 800;
			margin-bottom: .5rem;
			text-shadow: 0 8px 20px rgba(23, 98, 182, 0.18);
		}

		.section-title {
			font-size: clamp(1.05rem, 1.45vw, 1.25rem);
			font-weight: 600;
			margin-bottom: 1rem;
			color: #44536e;
		}

		.feature {
			display: flex;
			align-items: flex-start;
			gap: .8rem;
			margin-bottom: .7rem;
			transition: transform .3s ease;
		}

		.feature:hover {
			transform: translateX(6px);
		}

		.feature i {
			width: 2rem;
			height: 2rem;
			border-radius: 0;
			background: var(--mlgt-sky);
			color: var(--mlgt-blue);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-top: .1rem;
		}

		.web-preview {
			min-height: 320px;
			padding: 1.25rem;
			border-radius: 14px;
			border: 1px solid #dbe8fa;
			background:
				linear-gradient(135deg, rgba(21, 101, 192, 0.08) 0%, rgba(255, 255, 255, 0.96) 48%, rgba(0, 172, 193, 0.08) 100%);
			box-shadow: 0 16px 36px rgba(19, 58, 107, 0.08);
			position: relative;
			overflow: hidden;
			transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
		}

		.web-preview::before {
			content: "";
			position: absolute;
			inset: 0;
			background:
				radial-gradient(circle at 16% 18%, rgba(21, 101, 192, 0.12) 0, transparent 30%),
				radial-gradient(circle at 86% 78%, rgba(0, 172, 193, 0.12) 0, transparent 26%),
				linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 48%);
			pointer-events: none;
		}

		.web-preview:hover {
			border-color: #b9d5ef;
			box-shadow: 0 20px 46px rgba(19, 58, 107, 0.14);
			background:
				linear-gradient(135deg, rgba(21, 101, 192, 0.1) 0%, rgba(255, 255, 255, 0.98) 50%, rgba(0, 172, 193, 0.1) 100%);
		}

		.web-preview-window {
			position: relative;
			z-index: 1;
			border-radius: 12px;
			background: #ffffff;
			border: 1px solid #d7e4f2;
			overflow: hidden;
			box-shadow: 0 10px 24px rgba(16, 43, 78, 0.08);
			transition: border-color .25s ease, box-shadow .25s ease;
		}

		.web-preview:hover .web-preview-window {
			border-color: #c8dcee;
			box-shadow: 0 14px 30px rgba(16, 43, 78, 0.11);
		}

		.web-preview-bar {
			display: flex;
			align-items: center;
			gap: .45rem;
			padding: .8rem .9rem;
			background: linear-gradient(135deg, #f4f7fb 0%, #edf4fc 100%);
			border-bottom: 1px solid #d7e4f2;
		}

		.web-preview-dot {
			width: .65rem;
			height: .65rem;
			border-radius: 50%;
			background: #9fb8d6;
			box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.08);
			transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
		}

		.web-preview-dot:nth-child(1) { background: #f25f5c; }
		.web-preview-dot:nth-child(2) { background: #f2c14e; }
		.web-preview-dot:nth-child(3) { background: #5bc0be; }

		.web-preview:hover .web-preview-dot {
			transform: translateY(-1px) scale(1.04);
			box-shadow: 0 0 0 4px rgba(21, 101, 192, 0.1);
		}

		.web-preview-content {
			padding: 1rem;
		}

		.web-preview-content .preview-card {
			position: relative;
			background: linear-gradient(180deg, #f8fbff 0%, #f4f8fd 100%);
			border: 1px solid #e1ebf6;
			border-radius: 10px;
			padding: .85rem 1rem;
			margin-bottom: .75rem;
			transition: transform .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
			overflow: hidden;
		}

		.web-preview-content .preview-card::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			width: 4px;
			background: linear-gradient(180deg, #1565c0 0%, #5bc0be 100%);
			opacity: .75;
		}

		.web-preview-content .preview-card:hover {
			transform: translateY(-3px);
			border-color: #c7daee;
			background: linear-gradient(180deg, #ffffff 0%, #eff7ff 100%);
			box-shadow: 0 12px 24px rgba(19, 58, 107, 0.1);
		}

		.web-preview-content .preview-card:last-child {
			margin-bottom: 0;
		}

		.web-preview-content .preview-card strong {
			display: block;
			font-size: .92rem;
			color: #123b6f;
			margin-bottom: .15rem;
		}

		.web-preview-content .preview-card span {
			font-size: .84rem;
			color: #5f6f89;
		}

		.cloud-map {
			min-height: 320px;
			padding: 1.15rem;
			border-radius: 18px;
			border: 1px solid #d8e6f6;
			background:
				linear-gradient(180deg, rgba(240, 247, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
			box-shadow: 0 18px 40px rgba(18, 53, 99, 0.08);
			animation: cloudMapEnter 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
		}

		@keyframes cloudMapEnter {
			from {
				opacity: 0;
				transform: translateY(20px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		@keyframes cloudNodeFloat {
			0%, 100% { transform: translateY(0px); }
			50% { transform: translateY(-6px); }
		}

		@keyframes cloudNodeGlow {
			0%, 100% { box-shadow: 0 10px 22px rgba(19, 58, 107, 0.08), 0 0 0 rgba(33, 150, 243, 0); }
			50% { box-shadow: 0 10px 22px rgba(19, 58, 107, 0.12), 0 0 16px rgba(33, 150, 243, 0.3); }
		}

		@keyframes cloudCenterPulse {
			0%, 100% { transform: translate(-50%, -50%) scale(1); }
			50% { transform: translate(-50%, -50%) scale(1.08); }
		}

		.cloud-map-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 1rem;
			margin-bottom: .95rem;
			padding-bottom: .8rem;
			border-bottom: 1px solid #d9e6f5;
		}

		.cloud-map-title {
			font-size: .9rem;
			font-weight: 800;
			letter-spacing: .08em;
			text-transform: uppercase;
			color: #153f73;
		}

		.cloud-map-pill {
			font-size: .72rem;
			padding: .3rem .6rem;
			border-radius: 999px;
			background: #e8f2ff;
			border: 1px solid #cfe0f4;
			color: #1565c0;
			font-weight: 700;
		}

		.cloud-map-board {
			position: relative;
			min-height: 215px;
			border-radius: 16px;
			background:
				radial-gradient(circle at 50% 50%, rgba(21, 101, 192, 0.06) 0 10%, transparent 11% 100%),
				radial-gradient(circle at 50% 50%, rgba(0, 172, 193, 0.05) 0 30%, transparent 31% 100%),
				linear-gradient(135deg, rgba(248, 251, 255, 0.98) 0%, rgba(235, 244, 254, 0.98) 100%);
			overflow: hidden;
			border: 1px solid #dbe8f7;
		}

		.cloud-map-board::before {
			content: "";
			position: absolute;
			inset: 0;
			background-image:
				linear-gradient(rgba(21, 101, 192, 0.06) 1px, transparent 1px),
				linear-gradient(90deg, rgba(21, 101, 192, 0.06) 1px, transparent 1px);
			background-size: 28px 28px;
			mask-image: radial-gradient(circle at 50% 50%, #000 0%, transparent 78%);
			pointer-events: none;
		}

		.cloud-node {
			position: absolute;
			padding: .45rem .7rem;
			border-radius: 12px;
			background: #ffffff;
			border: 1px solid #cfe0f4;
			box-shadow: 0 10px 22px rgba(19, 58, 107, 0.08);
			font-size: .78rem;
			font-weight: 700;
			color: #153f73;
			animation: cloudNodeFloat 3s ease-in-out infinite, cloudNodeGlow 2.5s ease-in-out infinite;
		}

		.cloud-node.a { 
			top: 16%; 
			left: 10%; 
			animation-delay: 0s, 0s;
		}
		.cloud-node.b { 
			top: 14%; 
			right: 11%; 
			animation-delay: 0.2s, 0.3s;
		}
		.cloud-node.c { 
			bottom: 18%; 
			left: 12%; 
			animation-delay: 0.4s, 0.6s;
		}
		.cloud-node.d { 
			bottom: 16%; 
			right: 12%; 
			animation-delay: 0.6s, 0.9s;
		}

		.cloud-map-center {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			min-width: 132px;
			padding: .9rem 1.05rem;
			border-radius: 16px;
			background: rgba(255, 255, 255, 0.96);
			border: 1px solid #cfe0f4;
			color: #1565c0;
			font-weight: 800;
			font-size: 0.98rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			gap: .2rem;
			text-align: center;
			box-shadow: 0 12px 24px rgba(21, 101, 192, 0.1);
			z-index: 1;
			animation: cloudCenterPulse 3s ease-in-out infinite;
		}

		.cloud-map-center::before {
			content: "\f0c2";
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			font-size: 1.05rem;
			line-height: 1;
			color: #1565c0;
		}

		.cloud-map-center span {
			display: block;
			font-size: .72rem;
			font-weight: 700;
			color: #5f6f89;
			margin-top: -.05rem;
		}

		.cloud-map-footer {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: .65rem;
			margin-top: .95rem;
		}

		@keyframes statSlideUp {
			from {
				opacity: 0;
				transform: translateY(12px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		.cloud-map-stat {
			padding: .75rem .8rem;
			border-radius: 12px;
			background: #f8fbff;
			border: 1px solid #dce8f5;
			animation: statSlideUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
			transition: all 0.3s ease;
			cursor: pointer;
		}

		.cloud-map-stat:nth-child(1) {
			animation-delay: 0.5s;
		}

		.cloud-map-stat:nth-child(2) {
			animation-delay: 0.6s;
		}

		.cloud-map-stat:nth-child(3) {
			animation-delay: 0.7s;
		}

		.cloud-map-stat:hover {
			background: linear-gradient(135deg, #ffffff 0%, #f0f7ff 100%);
			border-color: #b3d4f1;
			box-shadow: 0 8px 20px rgba(21, 101, 192, 0.15);
			transform: translateY(-3px);
		}

		.cloud-map-stat strong {
			display: block;
			font-size: .84rem;
			color: #153f73;
			margin-bottom: .1rem;
		}

		.cloud-map-stat span {
			font-size: .78rem;
			color: #5f6f89;
		}

		.hero::after {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(6, 24, 43, 0.25) 100%);
			mix-blend-mode: soft-light;
			pointer-events: none;
		}

		.hero .container {
			position: relative;
			z-index: 1;
			text-align: center;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.stripe {
			background: rgba(255, 255, 255, 0.72);
			color: var(--mlgt-ink);
		}

		.stripe .section-title {
			color: #44536e;
		}

		.stripe .feature i {
			background: var(--mlgt-sky);
			color: var(--mlgt-blue);
		}

		footer {
			background: #ffffff;
			color: #495d77;
			border-top: 1px solid #d6e5f8;
			padding: 2rem 0;
		}

		.btn {
			border-radius: 8px;
			position: relative;
			overflow: hidden;
			transition: all .3s cubic-bezier(0.34, 1.56, 0.64, 1);
		}

		.btn::before {
			content: none;
		}

		.btn-primary {
			background: transparent;
			border: 1.5px solid #1565c0;
			box-shadow: none;
			color: #1565c0;
		}

		.btn-primary:hover {
			background: rgba(21, 101, 192, 0.04);
			box-shadow: none;
			border-color: #0f5cad;
			color: #0f5cad;
			transform: none;
		}

		.btn-primary:active {
			transform: none;
			box-shadow: none;
		}

		.btn-outline-light {
			background: transparent;
			border: 1.5px solid rgba(255, 255, 255, 0.9);
			box-shadow: none;
			color: #ffffff;
		}

		.btn-outline-light:hover,
		.btn-outline-light:focus {
			background: rgba(255, 255, 255, 0.06);
			border-color: #ffffff;
			box-shadow: none;
			color: #ffffff;
		}

		.contact-submit-btn.btn-primary {
			background: linear-gradient(135deg, #1565c0 0%, #1a7bdb 100%);
			border-color: transparent;
			box-shadow: 0 10px 22px rgba(21, 101, 192, 0.22);
			color: #ffffff;
		}

		.contact-submit-btn.btn-primary:hover,
		.contact-submit-btn.btn-primary:focus {
			background: linear-gradient(135deg, #0f5cad 0%, #1976d2 100%);
			box-shadow: 0 14px 28px rgba(21, 101, 192, 0.30);
			transform: translateY(-1px);
		}

		.contact-submit-btn.btn-primary:active {
			transform: translateY(0);
			box-shadow: 0 8px 16px rgba(21, 101, 192, 0.18);
		}

		.back-to-top {
			position: fixed;
			right: 1.15rem;
			bottom: 1.15rem;
			z-index: 1040;
			width: 2.95rem;
			height: 2.95rem;
			border-radius: 999px;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			background: rgba(255, 255, 255, 0.94);
			color: #1565c0;
			border: 1px solid rgba(21, 101, 192, 0.16);
			box-shadow: 0 10px 22px rgba(19, 58, 107, 0.12);
			text-decoration: none;
			opacity: 0;
			transform: translateY(14px) scale(0.92);
			pointer-events: none;
			transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease, background .25s ease;
		}

		.back-to-top i {
			font-size: 0.88rem;
			line-height: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			position: absolute;
			inset: 0;
		}

		.back-to-top.is-visible {
			opacity: 1;
			transform: translateY(0) scale(1);
			pointer-events: auto;
		}

		.back-to-top:hover,
		.back-to-top:focus {
			background: #ffffff;
			box-shadow: 0 14px 26px rgba(19, 58, 107, 0.16);
			color: #0f5cad;
			transform: translateY(-2px) scale(1.03);
		}

		.hero-cta {
			display: inline-flex;
			align-items: center;
			gap: .5rem;
		}

		.reveal {
			opacity: 0;
			transform: translateY(28px);
			transition: opacity .65s ease, transform .65s ease;
		}

		.reveal.is-visible {
			opacity: 1;
			transform: translateY(0);
		}

		.pill-list span {
			animation: floatIn .55s ease both;
		}

		.pill-list span:nth-child(2) { animation-delay: .05s; }
		.pill-list span:nth-child(3) { animation-delay: .1s; }
		.pill-list span:nth-child(4) { animation-delay: .15s; }
		.pill-list span:nth-child(5) { animation-delay: .2s; }
		.pill-list span:nth-child(6) { animation-delay: .25s; }
		.pill-list span:nth-child(7) { animation-delay: .3s; }
		.pill-list span:nth-child(8) { animation-delay: .35s; }

		@keyframes floatIn {
			from {
				opacity: 0;
				transform: translateY(8px);
			}
			to {
				opacity: 1;
				transform: translateY(0);
			}
		}

		@keyframes cursorBlink {
			0%, 49% { opacity: 1; }
			50%, 100% { opacity: 0; }
		}

		@keyframes driftA {
			0%,
			100% { transform: translate(0, 0) scale(1); }
			50% { transform: translate(6vw, 3vw) scale(1.08); }
		}

		@keyframes driftB {
			0%,
			100% { transform: translate(0, 0) scale(1); }
			50% { transform: translate(-5vw, -2vw) scale(1.06); }
		}

		@keyframes sectionGlow {
			0%,
			100% {
				opacity: 1;
				transform: scale(1);
			}
			50% {
				opacity: 0.8;
				transform: scale(1.05);
			}
		}

		@keyframes blink {
			0%, 49%, 100% { opacity: 1; }
			50%, 99% { opacity: 0.2; }
		}

		@keyframes powerPulse {
			0%, 100% { box-shadow: 0 0 12px rgba(76, 175, 80, 0.8); }
			50% { box-shadow: 0 0 24px rgba(76, 175, 80, 1.2); }
		}

		@keyframes serverFloat {
			0%, 100% { transform: translateY(0px); }
			50% { transform: translateY(-10px); }
		}

		.server-tower {
			width: 140px;
			height: 280px;
			background: linear-gradient(135deg, #1a2845 0%, #0f1a2e 50%, #1a2845 100%);
			border-radius: 16px;
			position: relative;
			margin: 0 auto;
			box-shadow: 
				0 0 40px rgba(21, 101, 192, 0.4),
				0 30px 80px rgba(21, 101, 192, 0.3),
				inset 0 1px 2px rgba(255, 255, 255, 0.15),
				inset 0 -1px 2px rgba(0, 0, 0, 0.5);
			animation: serverFloat 3.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
			border: 2px solid rgba(33, 150, 243, 0.3);
		}

		.server-tower::before {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.08) 50%, transparent 100%);
			border-radius: 14px;
			pointer-events: none;
		}

		.server-tower::after {
			content: "";
			position: absolute;
			inset: 0;
			background: radial-gradient(ellipse at 50% 0%, rgba(33, 150, 243, 0.1) 0%, transparent 70%);
			border-radius: 14px;
			pointer-events: none;
		}

		.server-slot {
			display: flex;
			align-items: center;
			gap: 12px;
			padding: 14px 12px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.08);
			position: relative;
		}

		.server-slot:last-of-type {
			border-bottom: none;
		}

		.server-slot::before {
			content: "";
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			height: 1px;
			background: linear-gradient(90deg, transparent, rgba(33, 150, 243, 0.3), transparent);
		}

		.server-led {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			flex-shrink: 0;
			box-shadow: 0 0 8px currentColor;
			border: 1px solid rgba(255, 255, 255, 0.3);
		}

		.led-red {
			background: #ff5252;
			color: #ff5252;
			animation: blink 1s ease-in-out infinite;
		}

		.led-green {
			background: #4caf50;
			color: #4caf50;
			animation: powerPulse 1.5s ease-in-out infinite;
		}

		.led-blue {
			background: #2196f3;
			color: #2196f3;
			animation: blink 0.8s ease-in-out infinite 0.2s;
		}

		.led-orange {
			background: #ff9800;
			color: #ff9800;
			animation: blink 1.2s ease-in-out infinite 0.1s;
		}

		.server-label {
			font-size: 0.7rem;
			color: rgba(255, 255, 255, 0.8);
			flex: 1;
			text-transform: uppercase;
			letter-spacing: 0.6px;
			font-weight: 700;
			text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
		}

		.server-info {
			position: absolute;
			bottom: 14px;
			left: 0;
			right: 0;
			text-align: center;
			font-size: 0.75rem;
			color: #4caf50;
			font-weight: 800;
			text-transform: uppercase;
			letter-spacing: 1.2px;
			z-index: 2;
			text-shadow: 0 0 8px rgba(76, 175, 80, 0.5);
		}

		@media (prefers-reduced-motion: reduce) {
			body::before,
			body::after,
			.hero::before,
			.hero::after,
			.pill-list span,
			.hero-typing-cursor,
			.web-preview,
			.web-preview::before,
			.web-preview-window,
			.web-preview-dot,
			.web-preview-content .preview-card {
				animation: none;
				transition: none;
			}
		}

		@media (max-width: 991px) {
			section {
				padding: 5.5rem 0;
			}

			.tree-points {
				grid-template-columns: 1fr;
			}

			.navbar-collapse {
				margin-top: .65rem;
				padding-top: .2rem;
				background: transparent;
				border: 0;
				border-radius: 0;
			}

			.navbar-nav {
				gap: .25rem;
			}
		}

		@media (max-width: 575px) {
			.logoz img {
				height: 40px;
			}

			.logo-carousel::before,
			.logo-carousel::after {
				width: 34px;
			}
		}

		footer {
			background: #ffffff;
			color: #334a6b;
			border-top: 3px solid #d9e4f1;
			padding: 2.5rem 0 0;
		}

		.footer-brand {
			font-size: 1.1rem;
			font-weight: 700;
			color: #0e1424;
		}

		.footer-brand i { color: #1565c0; }

		.footer-tagline, .footer-mwst {
			font-size: 0.84rem;
			color: #5f6f89;
			margin: 0.15rem 0;
		}

		.footer-contact div {
			font-size: 0.88rem;
			margin-bottom: 0.4rem;
		}

		.footer-contact a {
			color: #334a6b;
			text-decoration: none;
		}

		.footer-contact a:hover { color: #1565c0; }

		.footer-heading {
			color: #0e1424;
			font-weight: 700;
			font-size: 0.8rem;
			text-transform: uppercase;
			letter-spacing: 0.09em;
			margin-bottom: 1rem;
		}

		.footer-links {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.footer-links li { margin-bottom: 0.5rem; }

		.footer-links li::before {
			content: "›";
			color: #1565c0;
			font-weight: 700;
			display: inline-block;
			width: 0.7rem;
			margin-right: 0.15rem;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.05rem;
			line-height: 1;
			transform: translateY(-1px);
		}

		.footer-links a {
			position: relative;
			display: inline-flex;
			align-items: center;
			gap: .25rem;
			color: #4b5e79;
			text-decoration: none;
			font-size: 0.88rem;
			transition: color 0.22s ease, transform 0.22s ease;
			padding-bottom: 0.12rem;
			background-image: linear-gradient(90deg, #1565c0, #00acc1);
			background-repeat: no-repeat;
			background-size: 0% 2px;
			background-position: 0 100%;
		}

		.footer-links a:hover,
		.footer-links a:focus {
			color: #1565c0;
			transform: translateX(3px);
			background-size: 100% 2px;
		}

		.footer-links li:hover::before,
		.footer-links li:focus-within::before {
			color: #00acc1;
			transform: translateY(-1px) translateX(2px);
			transition: color 0.22s ease, transform 0.22s ease;
		}

		.lang-switcher-item {
			padding-top: 0.4rem;
			border-top: 1px solid rgba(0, 0, 0, 0.08);
			margin-top: 0.4rem;
		}

		@media (min-width: 992px) {
			.lang-switcher-item {
				padding-top: 0;
				border-top: none;
				margin-top: 0;
				margin-left: 1rem;
				padding-left: 1rem;
				border-left: 1px solid rgba(0, 0, 0, 0.1);
			}
		}

		/* Contact Form Styling */
		.contact-form {
			position: relative;
			padding: 1.5rem;
			border-radius: 0;
			border: 1px solid rgba(21, 101, 192, 0.12);
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.995) 0%, rgba(250, 250, 250, 0.995) 100%);
			box-shadow:
				0 22px 48px rgba(19, 58, 107, 0.10),
				0 0 0 1px rgba(255, 255, 255, 0.8) inset;
			overflow: hidden;
			animation: contactCardFloat 6s ease-in-out infinite;
		}

		.contact-form::before {
			content: "";
			position: absolute;
			inset: 0;
			border-radius: 0;
			padding: 1px;
			background: linear-gradient(120deg, rgba(21, 101, 192, 0.0), rgba(21, 101, 192, 0.12), rgba(0, 172, 193, 0.10), rgba(21, 101, 192, 0.0));
			background-size: 240% 240%;
			animation: contactBorderShift 8s ease-in-out infinite;
			-webkit-mask:
				linear-gradient(#fff 0 0) content-box,
				linear-gradient(#fff 0 0);
			-webkit-mask-composite: xor;
			mask-composite: exclude;
			pointer-events: none;
		}

		.contact-form::after {
			content: "";
			position: absolute;
			inset: 0;
			border-radius: 0;
			background:
				radial-gradient(circle at 18% 18%, rgba(21, 101, 192, 0.03), transparent 26%),
				radial-gradient(circle at 82% 82%, rgba(0, 172, 193, 0.03), transparent 24%),
				linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0));
			pointer-events: none;
			opacity: 1;
		}

		.contact-form > * {
			position: relative;
			z-index: 1;
		}

		.contact-form:hover {
			box-shadow:
				0 26px 56px rgba(19, 58, 107, 0.12),
				0 0 0 1px rgba(255, 255, 255, 0.85) inset;
			transform: translateY(-2px);
		}

		.contact-form:hover::before {
			animation-duration: 4.5s;
		}

		@keyframes contactCardFloat {
			0%, 100% {
				transform: translateY(0);
			}
			50% {
				transform: translateY(-3px);
			}
		}

		@keyframes contactBorderShift {
			0%, 100% {
				background-position: 0% 50%;
			}
			50% {
				background-position: 100% 50%;
			}
		}

		.contact-input,
		.contact-textarea {
			border: 2px solid #dce8f5 !important;
			border-radius: 10px !important;
			padding: 0.75rem 1rem !important;
			font-size: 0.95rem !important;
			color: #334a6b !important;
			background: #ffffff !important;
			transition: all 0.3s ease !important;
			box-shadow: 0 2px 4px rgba(21, 101, 192, 0.05) !important;
		}

		.contact-input:focus,
		.contact-textarea:focus {
			border-color: #1565c0 !important;
			box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.1), 0 2px 8px rgba(21, 101, 192, 0.1) !important;
			outline: none !important;
		}

		.contact-textarea {
			padding-bottom: 2.8rem !important;
			resize: auto !important;
		}

		.textarea-counter {
			position: absolute;
			bottom: 0.75rem;
			right: 1rem;
			font-size: 0.85rem;
			color: #7a8a9e;
			pointer-events: none;
			font-weight: 500;
		}

		.textarea-counter.warning {
			color: #ff9800;
		}

		.textarea-counter.danger {
			color: #f44336;
		}

		.contact-input.is-invalid,
		.contact-textarea.is-invalid {
			border-color: #f44336 !important;
			box-shadow: 0 0 0 3px rgba(244, 67, 54, 0.1), 0 2px 8px rgba(244, 67, 54, 0.1) !important;
		}

		.invalid-feedback {
			display: none;
			color: #f44336;
			font-size: 0.85rem;
			margin-top: 0.35rem;
			font-weight: 500;
		}

		.contact-input.is-invalid ~ .invalid-feedback,
		.contact-textarea.is-invalid ~ .invalid-feedback {
			display: block;
		}

		.form-check-input {
			border: 2px solid #dce8f5 !important;
			width: 1.25em !important;
			height: 1.25em !important;
			margin-top: 0.25em !important;
			transition: all 0.2s ease !important;
			cursor: pointer !important;
		}

		.form-check-input:checked {
			background-color: #1565c0 !important;
			border-color: #1565c0 !important;
		}

		.form-check-input:focus {
			border-color: #1565c0 !important;
			box-shadow: 0 0 0 0.2rem rgba(21, 101, 192, 0.25) !important;
		}

		.form-check-input.is-invalid {
			border-color: #f44336 !important;
		}

		.form-check-input.is-invalid:checked {
			background-color: #f44336 !important;
			border-color: #f44336 !important;
		}

		.cf-turnstile {
			margin: 0.5rem 0;
		}

		.contact-submit-btn {
			padding: 0.75rem 2rem !important;
			font-weight: 600 !important;
			border-radius: 10px !important;
			transition: all 0.3s ease !important;
			box-shadow: 0 4px 12px rgba(21, 101, 192, 0.25) !important;
			cursor: pointer;
		}

		.contact-submit-btn:hover {
			transform: translateY(-2px) !important;
			box-shadow: 0 6px 20px rgba(21, 101, 192, 0.35) !important;
		}

		.contact-submit-btn:active {
			transform: translateY(0) !important;
		}

		.contact-submit-btn:disabled {
			opacity: 0.6;
			cursor: not-allowed;
			transform: none !important;
		}

		.form-message {
			margin-top: 1rem;
			padding: 1rem;
			border-radius: 10px;
			display: none;
			font-weight: 500;
			animation: slideUp 0.3s ease;
		}

		.form-message.success {
			display: block;
			background: #e8f5e9;
			color: #2e7d32;
			border-left: 4px solid #4caf50;
		}

		.form-message.error {
			display: block;
			background: #ffebee;
			color: #c62828;
			border-left: 4px solid #f44336;
		}

		.form-step-1,
		.form-step-2 {
			transition: opacity 0.3s ease, visibility 0.3s ease;
		}

		.form-step-1,
		.form-step-2 {
			transition: opacity 0.3s ease, visibility 0.3s ease;
		}

		.dachmarke-suedtirol {
			height: 48px;
			width: auto;
			margin: 0.5rem 0;
			opacity: 0.85;
		}

		.footer-bottom {
			border-top: 1px solid #d9e4f1;
			padding: 1rem 0;
			font-size: 0.8rem;
			color: #5f6f89;
			text-align: center;
			margin-top: 1.5rem;
		}

		@media (prefers-reduced-motion: reduce) {
			*,
			*::before,
			*::after {
				animation-duration: 0.01ms !important;
				animation-iteration-count: 1 !important;
				transition-duration: 0.01ms !important;
				scroll-behavior: auto !important;
			}
		}