body {
	background: linear-gradient(135deg, var(--dark-green), var(--light-green));
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.survey-container { 
	max-width: 800px; 
	margin: 0 auto; 
	padding: 2rem; 
	background: none;
}
.child-section { 
	background: white; 
	margin: 2rem 0; 
	padding: 2rem; 
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.question-group { 
	margin: 1.5rem 0; 
}
.question-label { 
	font-weight: 500; 
	margin-bottom: 0.5rem; 
	display: block;
	color: var(--dark-green);
}
.survey-textarea { 
	width: 100%; 
	min-height: 80px; 
	padding: 0.75rem; 
	border: 2px solid #e1e5e9;
	border-radius: 8px;
	font-family: inherit;
	resize: vertical;
	transition: border-color 0.2s;
}
.survey-textarea:focus {
	outline: none;
	border-color: var(--gold);
	box-shadow: 0 0 0 3px rgba(230, 197, 102, 0.1);
}
.survey-actions { 
	text-align: center; 
	margin: 3rem 0;
	padding: 2rem;
	background: white;
	border-radius: 12px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.btn-skip { 
	background: #6c757d; 
	margin-right: 1rem; 
}
.btn-skip:hover {
	background: #5a6268;
}
.child-section h2 {
	color: var(--dark-green);
	margin-bottom: 0.5rem;
}
.grade-info {
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 1.5rem;
}
.login-footer {
	margin: 20px 0;
	font-size: 12px;
}
.btn-primary {
	text-transform: uppercase;
}
.input-group {
  display: flex;
  gap: 10px;
  align-items: center;
}