:root {
				--bg: #05060a;
				--bg-alt: #0b111f;
				--card: #101726;
				--accent: #00e0ff;
				--accent-2: #ff7b39;
				--text: #f4f6fb;
				--muted: #9ba3b4;
				--border: rgba(255, 255, 255, 0.08);
				--radius: 18px;
				--shadow: 0 20px 60px rgba(0, 0, 0, 0.55);
			}

			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
				background: radial-gradient(circle at top, rgba(0, 224, 255, 0.08), transparent 45%),
					radial-gradient(circle at 20% 20%, rgba(255, 123, 57, 0.1), transparent 35%),
					var(--bg);
				color: var(--text);
				line-height: 1.6;
				min-height: 100vh;
			}

			img {
				max-width: 100%;
				display: block;
			}

			a {
				color: inherit;
				text-decoration: none;
			}

			.wrapper {
				width: min(1200px, 92vw);
				margin: 0 auto;
				padding: 0 1rem;
			}

			header {
				position: sticky;
				top: 0;
				z-index: 5;
				background: rgba(5, 6, 10, 0.95);
				backdrop-filter: blur(12px);
				border-bottom: 1px solid var(--border);
			}

			nav {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 0;
			}

			.logo {
				font-size: 1.25rem;
				font-weight: 600;
				letter-spacing: 0.08em;
			}

			.logo span {
				color: var(--accent);
			}

			.nav-links {
				display: flex;
				gap: 1.5rem;
				list-style: none;
			}

			.nav-links a {
				color: var(--muted);
				font-weight: 500;
				transition: color 0.2s ease;
			}

			.nav-links a:hover {
				color: var(--accent);
			}

			.nav-links a.active {
				color: var(--accent);
			}

			.nav-toggle {
				display: none;
				background: none;
				border: none;
				color: var(--text);
				font-size: 1.5rem;
				cursor: pointer;
			}

			main {
				padding-bottom: 4rem;
			}

			.hero {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				align-items: center;
				gap: 2.5rem;
				padding: 5rem 0 3rem;
			}

			.hero-text h1 {
				font-size: clamp(2.5rem, 6vw, 4rem);
				line-height: 1.15;
				margin-bottom: 1.25rem;
			}

			.hero-text p {
				color: var(--muted);
				margin-bottom: 2rem;
			}

			.hero-actions {
				display: flex;
				flex-wrap: wrap;
				gap: 1rem;
			}

			.btn {
				padding: 0.9rem 1.8rem;
				border-radius: 999px;
				font-weight: 600;
				border: 1px solid transparent;
				transition: transform 0.2s ease, box-shadow 0.2s ease;
				cursor: pointer;
			}

			.btn-primary {
				background: linear-gradient(120deg, var(--accent), var(--accent-2));
				color: #040305;
				box-shadow: 0 10px 30px rgba(0, 224, 255, 0.25);
			}

			.btn-secondary {
				border-color: var(--border);
				color: var(--text);
			}

			.btn:hover {
				transform: translateY(-2px);
			}

			.hero-visual {
				position: relative;
				border-radius: var(--radius);
				overflow: hidden;
				min-height: 360px;
				box-shadow: var(--shadow);
				background: linear-gradient(145deg, rgba(0, 224, 255, 0.08), rgba(255, 123, 57, 0.05));
			}

			.hero-visual::after {
				content: "";
				position: absolute;
				inset: 0;
				background-image: url("https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1400&q=80");
				background-size: cover;
				background-position: center;
				opacity: 0.85;
				mix-blend-mode: lighten;
			}

			.stats {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
				gap: 1rem;
				margin: 3rem 0 4rem;
			}

			.stat-card {
				border-radius: var(--radius);
				padding: 1.6rem;
				background: rgba(255, 255, 255, 0.02);
				border: 1px solid var(--border);
			}

			.stat-card h3 {
				font-size: 2rem;
				color: var(--accent);
			}

			.stat-card p {
				color: var(--muted);
				font-size: 0.95rem;
			}

			.section-header {
				text-transform: uppercase;
				letter-spacing: 0.2em;
				color: var(--accent);
				font-size: 0.85rem;
				margin-bottom: 0.6rem;
			}

			h2 {
				font-size: clamp(1.8rem, 4vw, 2.6rem);
				margin-bottom: 1.2rem;
			}

			.features {
				margin-bottom: 5rem;
			}

			.feature-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
				gap: 1.5rem;
			}

			.feature-card {
				padding: 1.5rem;
				border-radius: var(--radius);
				background: var(--card);
				border: 1px solid var(--border);
				box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
			}

			.feature-card h3 {
				margin: 0.8rem 0;
				font-size: 1.25rem;
			}

			.feature-card p {
				color: var(--muted);
				font-size: 0.95rem;
			}

			.badge {
				display: inline-flex;
				align-items: center;
				gap: 0.5rem;
				font-size: 0.85rem;
				padding: 0.35rem 0.9rem;
				border-radius: 999px;
				background: rgba(0, 224, 255, 0.1);
				color: var(--accent);
				letter-spacing: 0.05em;
			}

			.gallery {
				margin-bottom: 5rem;
			}

			.page-hero {
				padding: 4rem 0 2rem;
				text-align: center;
				max-width: 760px;
				margin: 0 auto 3rem;
			}

			.page-hero h1 {
				font-size: clamp(2.2rem, 5vw, 3rem);
				margin-bottom: 1rem;
			}

			.page-hero p {
				color: var(--muted);
			}

			.contact-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
				gap: 1.5rem;
				margin-bottom: 3rem;
			}

			.contact-card {
				padding: 1.6rem;
				border-radius: var(--radius);
				background: var(--card);
				border: 1px solid var(--border);
				box-shadow: var(--shadow);
			}

			.contact-card h3 {
				margin-bottom: 0.4rem;
			}

			.contact-card p {
				color: var(--muted);
				font-size: 0.95rem;
			}

			.contact-meta {
				display: flex;
				flex-direction: column;
				gap: 0.15rem;
				font-size: 0.95rem;
			}

			.contact-meta a {
				color: var(--accent);
				font-weight: 600;
			}

			.contact-form-section {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
				gap: 2rem;
				padding: 2.5rem;
				border-radius: calc(var(--radius) * 1.4);
				background: radial-gradient(circle at top right, rgba(0, 224, 255, 0.2), transparent 50%),
					var(--bg-alt);
				border: 1px solid var(--border);
				box-shadow: var(--shadow);
				margin-bottom: 4rem;
			}

			.form-copy h3 {
				font-size: 1.8rem;
				margin-bottom: 1rem;
			}

			.form-copy p {
				color: var(--muted);
			}

			.chip-list {
				display: flex;
				flex-wrap: wrap;
				gap: 0.5rem;
				margin-top: 1rem;
			}

			.chip {
				padding: 0.35rem 0.8rem;
				border-radius: 999px;
				border: 1px solid var(--border);
				font-size: 0.85rem;
				color: var(--muted);
			}

			.contact-form form {
				display: flex;
				flex-direction: column;
				gap: 1.2rem;
			}

			.form-row {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				gap: 1rem;
			}

			label {
				display: block;
				font-size: 0.9rem;
				color: var(--muted);
				margin-bottom: 0.35rem;
			}

			input,
			textarea,
			select {
				width: 100%;
				background: rgba(255, 255, 255, 0.03);
				border: 1px solid var(--border);
				border-radius: 12px;
				color: var(--text);
				font-size: 1rem;
				padding: 0.85rem 1rem;
				font-family: inherit;
			}

			textarea {
				min-height: 140px;
				resize: vertical;
			}

			input:focus,
			textarea:focus,
			select:focus {
				outline: none;
				border-color: var(--accent);
				box-shadow: 0 0 0 2px rgba(0, 224, 255, 0.15);
			}

			.contact-form small {
				color: var(--muted);
				font-size: 0.85rem;
			}

			.gallery-grid {
				display: grid;
				grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
				gap: 1rem;
			}

			.gallery-item {
				position: relative;
				border-radius: var(--radius);
				overflow: hidden;
				min-height: 200px;
				background-size: cover;
				background-position: center;
				box-shadow: var(--shadow);
			}

			.gallery-item::after {
				content: "";
				position: absolute;
				inset: 0;
				background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8));
			}

			.gallery-item span {
				position: absolute;
				bottom: 1rem;
				left: 1rem;
				z-index: 1;
				font-weight: 600;
			}

			.cta {
				margin: 0 auto 5rem;
				padding: 2.5rem;
				border-radius: calc(var(--radius) * 1.5);
				background: linear-gradient(135deg, rgba(0, 224, 255, 0.18), rgba(255, 123, 57, 0.12));
				border: 1px solid rgba(255, 255, 255, 0.08);
				text-align: center;
				box-shadow: var(--shadow);
			}

			.cta h3 {
				font-size: 1.8rem;
				margin-bottom: 0.6rem;
			}

			footer {
				border-top: 1px solid var(--border);
				padding: 2rem 0;
				text-align: center;
				color: var(--muted);
				font-size: 0.9rem;
			}

			@media (max-width: 768px) {
				nav {
					flex-direction: row;
				}

				.nav-toggle {
					display: block;
				}

				.nav-links {
					position: absolute;
					right: 1.5rem;
					top: 70px;
					flex-direction: column;
					background: var(--card);
					padding: 1.5rem;
					border-radius: var(--radius);
					border: 1px solid var(--border);
					box-shadow: var(--shadow);
					display: none;
				}

				.nav-links.open {
					display: flex;
				}

				.hero {
					padding-top: 3rem;
				}

				.contact-form-section {
					padding: 1.8rem;
				}
			}