:root {
	--color-bg: #f7f1e6;
	--color-bg-soft: #fbf7ef;
	--color-card: rgba(255, 255, 255, 0.86);
	--color-card-solid: #ffffff;
	--color-text: #173f36;
	--color-muted: #6d7d75;
	--color-green: #0f624f;
	--color-green-dark: #0a463a;
	--color-orange: #c66219;
	--color-orange-dark: #9d4a0c;
	--color-border: rgba(20, 70, 55, 0.13);
	--shadow-card: 0 16px 45px rgba(33, 51, 42, 0.1);
	--shadow-soft: 0 10px 25px rgba(33, 51, 42, 0.08);
	--radius-lg: 24px;
	--radius-md: 16px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	min-width: 320px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: var(--color-text);
	background:
		linear-gradient(90deg, rgba(15, 98, 79, 0.035) 1px, transparent 1px),
		linear-gradient(0deg, rgba(15, 98, 79, 0.035) 1px, transparent 1px),
		radial-gradient(circle at 12% 8%, rgba(198, 98, 25, 0.12), transparent 30%),
		radial-gradient(circle at 92% 18%, rgba(15, 98, 79, 0.12), transparent 28%),
		var(--color-bg);
	background-size: 28px 28px, 28px 28px, auto, auto, auto;
	overflow-x: hidden;
}

body.menu-open {
	overflow: hidden;
}

a {
	color: inherit;
	text-decoration: none;
}

button,
input,
textarea {
	font-family: inherit;
}

.container {
	width: min(1180px, calc(100% - 28px));
	margin: 0 auto;
}

.content-section {
	padding: 26px 0;
}

.content-section-main {
	padding-top: 34px;
}

.main-grid {
	display: grid;
	grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.65fr);
	gap: 24px;
	align-items: stretch;
}

.bottom-grid {
	display: grid;
	/*grid-template-columns: minmax(280px, 1fr) minmax(220px, 0.8fr) minmax(270px, 0.95fr);*/
	grid-template-columns: minmax(280px, 1fr) minmax(220px, 0.8fr);
	gap: 24px;
	align-items: stretch;
}

.section-card {
	padding: 28px;
	background: var(--color-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-card);
	backdrop-filter: blur(14px);
}

.card-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 22px;
	text-align: center;
    align-items: center;
    justify-content: center;	
}

.card-title h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 900;
	letter-spacing: 0.2px;
	text-transform: uppercase;
}

.card-title i {
	color: var(--color-orange);
	font-size: 20px;
}

.card-title-actions {
	justify-content: space-between;
}

.card-title-actions > div:first-child {
	display: flex;
	align-items: center;
	gap: 12px;
}

@media (max-width: 980px) {
	.main-grid,
	.bottom-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.container {
		width: min(100% - 22px, 1180px);
	}

	.content-section {
		padding: 16px 0;
	}

	.section-card {
		padding: 18px;
		border-radius: 18px;
	}

	.card-title {
		margin-bottom: 16px;
	}

	.card-title h2 {
		font-size: 15px;
	}
}