body {
	background-color: #020202;
	color: #ffffff;
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;
}

.glass-input {
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	padding: 1rem;
	color: white;
	transition: all 0.3s ease;
	width: 100%;
}

.glass-input:focus {
	outline: none;
	border-color: #FF4D00;
	background: rgba(255, 255, 255, 0.06);
	box-shadow: 0 0 20px rgba(255, 77, 0, 0.1);
}

.contact-glow {
	position: absolute;
	width: 40vw;
	height: 40vw;
	background: radial-gradient(circle, rgba(255, 77, 0, 0.08) 0%, transparent 70%);
	top: -10vw;
	right: -10vw;
	z-index: -1;
	filter: blur(80px);
}

.technology-glow {
	position: absolute;
	width: 40vw;
	height: 40vw;
	background: radial-gradient(circle, rgba(255, 77, 0, 0.08) 0%, transparent 70%);
	top: -10vw;
	right: -10vw;
	z-index: -1;
	filter: blur(80px);
}

.submit-btn {
	background: linear-gradient(135deg, #FF4D00 0%, #7B2CBF 100%);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.submit-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -5px rgba(255, 77, 0, 0.4);
}

label {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #666;
	margin-bottom: 0.5rem;
	display: block;
}

.mystic-font { font-family: 'Cormorant Garamond', serif; }

/* Ethereal Glows */
.vision-glow {
	position: fixed;
	width: 80vw;
	height: 80vw;
	background: radial-gradient(circle, rgba(123, 44, 191, 0.05) 0%, rgba(255, 77, 0, 0.05) 50%, transparent 100%);
	top: -20vw;
	right: -20vw;
	z-index: -1;
	filter: blur(100px);
	animation: drift 20s infinite alternate ease-in-out;
}

@keyframes drift {
	from { transform: translate(0, 0) scale(1); }
	to { transform: translate(-10%, 10%) scale(1.1); }
}

.phase-card {
	background: rgba(255, 255, 255, 0.01);
	border: 1px solid rgba(255, 255, 255, 0.05);
	backdrop-filter: blur(10px);
	transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.phase-card:hover {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 77, 0, 0.2);
}

.roadmap-line {
	width: 2px;
	background: linear-gradient(to bottom, #FF4D00, #7B2CBF, transparent);
}

.floating-orb {
	width: 300px;
	height: 300px;
	background: linear-gradient(135deg, #FF4D00 0%, #7B2CBF 100%);
	border-radius: 50%;
	filter: blur(80px);
	opacity: 0.15;
	animation: float-slow 10s infinite ease-in-out;
}

@keyframes float-slow {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-30px) scale(1.05); }
}

.nav-link-active {
	color: #fff;
	position: relative;
}

.nav-link-active::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right, #FF4D00, #7B2CBF);
}

.mono { font-family: 'JetBrains Mono', monospace; }

/* Tech Grid Background */
.tech-bg {
	background-image: 
		linear-gradient(rgba(255, 77, 0, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 77, 0, 0.05) 1px, transparent 1px);
	background-size: 50px 50px;
	mask-image: radial-gradient(circle at center, black, transparent 80%);
}

.system-card {
	background: rgba(10, 10, 10, 0.8);
	border-left: 4px solid #FF4D00;
	transition: all 0.3s ease;
}

.system-card:hover {
	background: rgba(20, 20, 20, 1);
	border-left-color: #7B2CBF;
	transform: translateX(10px);
}

.scanline {
	width: 100%;
	height: 2px;
	background: rgba(255, 77, 0, 0.2);
	position: absolute;
	animation: scan 4s linear infinite;
}

@keyframes scan {
	0% { top: 0; }
	100% { top: 100%; }
}

.status-dot {
	width: 8px;
	height: 8px;
	background: #FF4D00;
	border-radius: 50%;
	box-shadow: 0 0 10px #FF4D00;
	animation: blink 1.5s infinite;
}

@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

.nav-link-active {
	color: #fff;
	position: relative;
}

.glass-panel {
	background: rgba(255, 255, 255, 0.02);
	backdrop-filter: blur(20px);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.service-gradient-1 { background: radial-gradient(circle at top right, rgba(255, 77, 0, 0.15), transparent 50%); }
.service-gradient-2 { background: radial-gradient(circle at top left, rgba(123, 44, 191, 0.15), transparent 50%); }

.sticky-heading {
	position: sticky;
	top: 100px;
}

.step-line {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: linear-gradient(to bottom, transparent, #FF4D00, #7B2CBF, transparent);
}

@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}
.float-anim { animation: float 6s infinite ease-in-out; }

.product-card {
	background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 100%);
	border: 1px solid rgba(255,255,255,0.08);
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.product-card:hover {
	border-color: rgba(255, 77, 0, 0.3);
	background: linear-gradient(180deg, rgba(255,77,0,0.05) 0%, rgba(123,44,191,0.05) 100%);
	transform: translateY(-10px);
}

.category-tag {
	font-size: 10px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 99px;
	background: rgba(255,255,255,0.05);
	border: 1px solid rgba(255,255,255,0.1);
}

.mockup-container {
	position: relative;
	width: 100%;
	height: 320px;
	background: #000;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 1.5rem;
}

.glow-overlay {
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 50% 50%, rgba(255, 77, 0, 0.1), transparent 70%);
	pointer-events: none;
}

/* Animated Glowing Background */
.fire-glow {
	position: fixed;
	top: 0; left: 0; width: 100%; height: 100%;
	background: 
		radial-gradient(circle at 20% 30%, rgba(255, 77, 0, 0.05) 0%, transparent 40%),
		radial-gradient(circle at 80% 70%, rgba(123, 44, 191, 0.08) 0%, transparent 40%);
	z-index: -1;
}

.glass-card {
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.4s ease;
}

.glass-card:hover {
	border-color: rgba(255, 77, 0, 0.4);
	transform: translateY(-5px);
	box-shadow: 0 10px 30px -10px rgba(255, 77, 0, 0.2);
}

.hero-gradient {
	background: linear-gradient(to right, #FF4D00, #FF9E00, #7B2CBF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.btn-primary {
	background: linear-gradient(135deg, #FF4D00 0%, #7B2CBF 100%);
	transition: opacity 0.3s;
}

.btn-primary:hover { opacity: 0.9; }

@keyframes pulse-slow {
	0%, 100% { transform: scale(1); opacity: 0.3; }
	50% { transform: scale(1.1); opacity: 0.6; }
}
.flame-particle {
	animation: pulse-slow 4s infinite ease-in-out;
}

.gradient-border {
	position: relative;
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.03);
	overflow: hidden;
}

.gradient-border::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 24px;
	padding: 1px;
	background: linear-gradient(135deg, #FF4D00, transparent, #7B2CBF);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}

.bg-grain {
	background-image: url("img/noise.svg");
	opacity: 0.03;
	pointer-events: none;
}