body {
	background: #1a1a1a;
}

.legal-section {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    padding: 80px 0 20px 0;
}

.legal-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.legal-card {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
	backdrop-filter: blur(10px);
	border: 1px solid #d1d5db;
	border-radius: 20px;
	box-shadow: none;
	padding: 40px;
	margin-bottom: 30px;
}

.legal-title {
	background: linear-gradient(45deg, #374151, #6b7280);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	text-align: center;
	margin-bottom: 40px;
	font-size: 2.5rem;
	font-weight: bold;
}

.legal-title .emoji {
	-webkit-text-fill-color: initial;
	background: none;
	-webkit-background-clip: initial;
	background-clip: initial;
}

.legal-subtitle {
	color: #374151;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 30px 0 15px 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #d1d5db;
}

.legal-content {
	color: #333;
	line-height: 1.8;
	font-size: 1rem;
	margin-bottom: 20px;
}

.legal-list {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.legal-list li {
	background: linear-gradient(45deg, rgba(55, 65, 81, 0.05), rgba(107, 114, 128, 0.05));
	margin: 10px 0;
	padding: 15px 20px;
	border-radius: 10px;
	border-left: 3px solid #6b7280;
	transition: all 0.3s ease;
}

.legal-list li:hover {
	transform: translateX(3px);
	box-shadow: 0 3px 10px rgba(55, 65, 81, 0.1);
}

.legal-signature {
	background: linear-gradient(45deg, #f8f9fa, #e9ecef);
	border: 1px solid #d1d5db;
	border-radius: 15px;
	padding: 25px;
	margin-top: 40px;
	text-align: center;
}

.legal-signature p {
	color: #666;
	margin: 5px 0;
	font-size: 0.95rem;
}

.legal-date {
	color: #374151;
	font-weight: bold;
	font-size: 1rem;
}

.legal-fade-in {
	animation: fadeInUp 0.8s ease-out;
}

.legal-history-item {
	margin-bottom: 15px;
}

.legal-history-item:last-child {
	margin-bottom: 0;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.legal-table {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
	overflow: hidden;
}

.legal-table th,
.legal-table td {
	padding: 12px;
	text-align: left;
	border-bottom: 1px solid #d1d5db;
	vertical-align: top;
}

.legal-table th {
	background: rgba(55, 65, 81, 0.1);
	font-weight: bold;
	color: #374151;
}

.legal-table td {
	color: #333;
}

.legal-divider {
	height: 1px;
	background: linear-gradient(90deg, transparent, #d1d5db, transparent);
	margin: 30px 0;
}

@media ( max-width : 768px) {
	.legal-section {
		padding: 60px 0 20px 0;
	}
	.legal-container {
		padding: 0 15px;
	}
	.legal-card {
		padding: 25px;
		margin: 0 10px 20px 10px;
	}
	.legal-title {
		font-size: 1.5rem;
	}
	.legal-subtitle {
		font-size: 1.1rem;
	}
	.legal-table {
		font-size: 0.85rem;
		table-layout: fixed;
	}
	.legal-table th,
	.legal-table td {
		padding: 8px;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
}