* {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
}
	
	body {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
		line-height: 1.6;
		color: #333;
		background: #f8f8f8;
		padding: 0;
}
	
	.hero {
		background: linear-gradient(135deg, #7a8fee 0%, #ac79e1 100%);
		color: white;
		padding: 40px 20px 30px;
		text-align: center;
}
	
	.hero h1 {
		font-size: 28px;
		margin-bottom: 15px;
		font-weight: 700;
		line-height: 1.3;
}
	
	.hero p {
		font-size: 18px;
		margin-bottom: 10px;
		font-weight: 600;
		text-shadow: 0 0 5px #ac79e1;
}
	
	.hero .subtext {
		font-size: 16px;
		opacity: 0.85;
		margin-top: 15px;
}
	
	.section {
		background: white;
		margin: 15px 0;
		padding: 25px 20px;
}
	
	a:hover {
		text-decoration: none;
		color: black;
		transition: all 750ms ease;
}
	.section h2 {
		font-size: 22px;
		margin-bottom: 15px;
		color: #1f2937;
}
	
	.section p {
		font-size: 16px;
		color: #4b5563;
		margin-bottom: 12px;
}
	
	.divider {
		height: 2px;
		background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
		margin: 30px 0;
}
	
	.button-container {
		margin: 20px auto;
		max-width: 25em;
}
	
	.btn {
		display: block;
		width: 100%;
		padding: 16px;
		margin-bottom: 12px;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		border-radius: 12px;
		transition: transform 0.2s;
}
	
	.btn:active {
		transform: scale(0.98);
}
	
	.btn-primary {
		background: #667eea;
		color: white;
		box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
	
	.btn-secondary {
		background: white;
		color: #667eea;
		border: 2px solid #667eea;
		padding: 14px;
}
	
	.situation-card {
		background: #f9fafb;
		border-left: 4px solid #667eea;
		padding: 20px;
		margin-bottom: 20px;
		border-radius: 8px;
}
	
	.situation-card h3 {
		font-size: 20px;
		margin-bottom: 12px;
		color: #667eea;
}
	
	.situation-card .label {
		font-size: 16px;
		font-weight: 600;
		color: #1f2937;
		margin-bottom: 10px;
}
	
	.situation-card p {
		font-size: 15px;
		color: #6b7280;
		line-height: 1.6;
		margin-bottom: 10px;
}
	
	.highlight {
		background: #fef3c7;
		padding: 20px;
		border-radius: 8px;
		margin: 20px 0;
		border-left: 4px solid #f59e0b;
}
	
	.highlight p {
		font-size: 16px;
		color: #92400e;
		margin: 0;
}
	
	.contact-section {
		background: white;
		padding: 25px 20px;
		text-align: center;
}
	
	.contact-section h2 {
		font-size: 22px;
		margin-bottom: 20px;
		color: #1f2937;
}
	
	.contact-button {
		display: block;
		width: 100%;
		padding: 18px;
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		border-radius: 12px;
		border: none;
		cursor: pointer;
		transition: transform 0.2s;
}
	
	.contact-button:active {
		transform: scale(0.98);
}
	
	.btn-call {
		background: #10b981;
		color: white;
		box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
	
	.btn-email {
		background: #3b82f6;
		color: white;
		box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
	
	.btn-visit {
		background: white;
		color: #667eea;
		border: 2px solid #667eea;
		padding: 16px;
}
	
	.contact-info {
		background: #f3f4f6;
		padding: 25px 20px;
		text-align: center;
}
	
	.contact-info h3 {
		font-size: 20px;
		margin-bottom: 15px;
		color: #1f2937;
}
	
	.contact-info p {
		font-size: 16px;
		color: #6b7280;
		margin: 8px 0;
}
	
	.contact-info a {
		color: #667eea;
		text-decoration: none;
		font-weight: 600;
}
	
	.result-box {
		background: #ecfdf5;
		border-left: 4px solid #10b981;
		padding: 15px;
		margin: 15px 0;
		border-radius: 8px;
}
	
	.result-box p {
		font-size: 15px;
		color: #065f46;
		font-weight: 600;
		margin: 0;
}