body, input, textarea, button, select {
	font-family: 'Poppins', sans-serif;
}

body {
	background-color: #0A0A0A; 
	color: #E0E0E0; 
	overflow-x: hidden;
	scroll-behavior: smooth;
}

@keyframes glowing-border {
	0% { border-image-source: linear-gradient(0deg, rgba(0,255,255,0.8), rgba(57,255,20,0.8)); }
	50% { border-image-source: linear-gradient(180deg, rgba(0,255,255,0.8), rgba(57,255,20,0.8)); }
	100% { border-image-source: linear-gradient(0deg, rgba(0,255,255,0.8), rgba(57,255,20,0.8)); }
}

@keyframes subtle-glow {
	0% { box-shadow: 0 0 15px rgba(0, 255, 255, 0.1); }
	50% { box-shadow: 0 0 25px rgba(0, 255, 255, 0.3); }
	100% { box-shadow: 0 0 15px rgba(0, 255, 255, 0.1); }
}

.primary-cyan { color: #00FFFF; }
.border-primary-cyan { border-color: #00FFFF; }
.accent-green { color: #39FF14; }
.bg-accent-green { background-color: #39FF14; }
.border-accent-green { border-color: #39FF14; }
.content-panel {
	background-color: rgba(10, 10, 10, 0.75); 
	backdrop-filter: blur(8px); 
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(0, 255, 255, 0.15); 
   
	box-shadow: 0 0 25px rgba(0, 255, 255, 0.1), inset 0 0 10px rgba(0, 255, 255, 0.05);
	transition: all 0.4s ease;
}
.content-panel:hover {
	border: 1px solid rgba(0, 255, 255, 0.3);
	box-shadow: 0 0 40px rgba(0, 255, 255, 0.2), inset 0 0 15px rgba(0, 255, 255, 0.1);
}
.cta-button {
	background-color: #39FF14;
	color: #0A0A0A;
	font-weight: 800;
	transition: all 0.4s ease-in-out;
	
	box-shadow: 0 0 20px rgba(57, 255, 20, 0.6);
}
.cta-button:hover {
	transform: translateY(-2px) scale(1.03);
	background-color: #2ED110; 
	box-shadow: 0 0 30px rgba(57, 255, 20, 0.9);
}
.cta-outline {
	border: 2px solid #00FFFF; 
	color: #00FFFF;
	font-weight: 600;
	transition: all 0.4s ease-in-out;
	background-color: transparent;
}
.cta-outline:hover {
	background-color: rgba(0, 255, 255, 0.15); 
	color: #FFFFFF;
	box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
}
#three-canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
}
.content-overlay {
	position: relative;
	z-index: 10;
}
.data-chip {
	background-color: rgba(57, 255, 20, 0.1);
	border: 1px solid #39FF14;
	color: #39FF14;
}
.faq-question {
	cursor: pointer;
	transition: color 0.3s;
}
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-out, padding 0.4s ease-out;
}
.faq-answer.open {
	max-height: 500px;
	padding-top: 1rem;
}

.form-input {
	background-color: #1A1A1A;
	border: 1px solid rgba(0, 255, 255, 0.3);
	color: #E0E0E0;
	transition: all 0.3s ease;
}
.form-input:focus {
	outline: none;
	border-color: #00FFFF;
	box-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
}
.submit-button {
	background-color: #39FF14; /* Neon Green */
	color: #0A0A0A;
	font-weight: 800;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 20px rgba(57, 255, 20, 0.6);
}
.submit-button:hover {
	transform: translateY(-2px);
	background-color: #2ED110;
	box-shadow: 0 0 30px rgba(57, 255, 20, 0.9);
}


.highlight-chip {
	background-color: rgba(57, 255, 20, 0.15);
	border: 1px solid #39FF14;
	color: #39FF14;
	box-shadow: 0 0 10px rgba(57, 255, 20, 0.3);
	transition: all 0.3s ease;
}


.feature-card {
	background-color: #1A1A1A; 
	border: 1px solid rgba(0, 255, 255, 0.2);
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	border-radius: 0.75rem; 
}
.feature-card:hover {
	border: 1px solid #00FFFF;
	box-shadow: 0 0 15px rgba(0, 255, 255, 0.5);
	transform: translateY(-4px);
}


.data-bar {
	width: 12px; 
	background-color: #39FF14;
	box-shadow: 0 0 12px rgba(57, 255, 20, 0.8);
	border-radius: 6px 6px 0 0; 
}



.hero-border {
	border: 4px solid transparent;
	border-image-slice: 1;
	animation: glowing-border 4s infinite alternate;
}

.policy-h3 {
	font-weight: 600;
	color: #39FF14; 
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.policy-list {
	list-style-type: disc;
	margin-left: 1.5rem;
	padding-left: 0.5rem;
}

.policy-h2 {
	font-weight: 700;
	font-size: 1.875rem; 
	color: #00FFFF; 
	border-bottom: 2px solid rgba(0, 255, 255, 0.3);
	padding-bottom: 0.5rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}


.section-intro {
	font-weight: 500;
	color: #E0E0E0;
	margin-top: 1.5rem;
	margin-bottom: 0.75rem;
}

.risk-highlight {
	font-weight: 700;
	color: #FF0000;
	background-color: rgba(255, 0, 0, 0.1);
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
}

.register-button {
	background-color: #39FF14; 
	color: #0A0A0A;
	font-weight: 800;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 20px rgba(57, 255, 20, 0.6);
}
.register-button:hover {
	transform: translateY(-2px);
	background-color: #2ED110;
	box-shadow: 0 0 30px rgba(57, 255, 20, 0.9);
}


.registration-card-glow {
	animation: subtle-glow 4s infinite alternate;
}

.login-button {
	background-color: #39FF14; 
	color: #0A0A0A;
	font-weight: 800;
	transition: all 0.4s ease-in-out;
	box-shadow: 0 0 20px rgba(57, 255, 20, 0.6);
}
.login-button:hover {
	transform: translateY(-2px);
	background-color: #2ED110;
	box-shadow: 0 0 30px rgba(57, 255, 20, 0.9);
}
.login-card-glow {
	animation: subtle-glow 4s infinite alternate;
}

.card {
	background-color: #161b22;
  
	box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

.step-icon {
	background-color: #1f2937;
	border: 2px solid #00FFFF;
}

footer { 
	position: relative;
    z-index: 10; 
}