.cookies-page {
	margin-top: 80px;
	padding: 4rem 0;
	background: linear-gradient(135deg, #11021c, #2c3e50);
	min-height: calc(100vh - 80px);
	position: relative;
	overflow: hidden
}

.cookies-page:before {
	content: "";
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at 70% 30%, rgba(255, 167, 38, .05) 0%, transparent 50%)
}

.cookies-content {
	max-width: 900px;
	margin: 0 auto;
	background: #ffffff0d;
	border-radius: 20px;
	padding: clamp(2rem, 5vw, 3rem);
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, .1);
	box-shadow: 0 20px 60px #0000004d;
	position: relative;
	z-index: 1
}

.cookies-content h1 {
	color: #9909ff;
	text-align: center;
	margin-bottom: 2rem;
	font-size: clamp(2rem, 5vw, 2.5rem)
}

.cookie-section {
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.cookie-section:last-child {
	border-bottom: none;
	margin-bottom: 0
}

.cookie-section h2 {
	color: #9909ff;
	margin-bottom: 1rem;
	font-size: clamp(1.25rem, 3vw, 1.5rem)
}

.cookie-section h3 {
	color: #9909ff;
	margin-bottom: .75rem;
	font-size: clamp(1.1rem, 2.5vw, 1.25rem)
}

.cookie-section h4 {
	color: #9909ff;
	margin-bottom: .5rem;
	font-size: clamp(1rem, 2.5vw, 1.1rem)
}

.cookie-section p {
	color: #ffffffe6;
	line-height: 1.6;
	margin-bottom: 1rem
}

.cookie-section ul {
	color: #ffffffe6;
	padding-left: 1.5rem;
	line-height: 1.6
}

.cookie-section li {
	margin-bottom: .5rem
}

.cookie-type {
	background: #ffffff08;
	border-radius: 12px;
	padding: 1.5rem;
	margin-bottom: 1rem;
	border: 1px solid rgba(255, 255, 255, .05);
	transition: all .3s ease
}

.cookie-type:hover {
	background: #ffffff0d;
	border-color: #9909ff33;
	transform: translateY(-2px)
}

.cookie-details {
	margin-top: 1rem
}

.cookie-item {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 1rem;
	padding: .75rem;
	background: #ffffff0d;
	border-radius: 8px;
	margin-bottom: .5rem;
	font-size: .9rem
}

.cookie-name {
	font-family: Courier New, monospace;
	color: #9909ff;
	font-weight: 600
}

.cookie-purpose {
	color: #fffc
}

.cookie-duration {
	color: #9909ff;
	text-align: right;
	font-weight: 500
}

.browser-instructions {
	background: #9909ff1a;
	border-radius: 12px;
	padding: 1.5rem;
	border: 1px solid rgba(128, 203, 196, .2);
	margin-top: 1rem
}

.browser-instructions h3 {
	color: #9909ff;
	margin-bottom: 1rem
}

.browser-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem
}

.browser-item {
	background: #ffffff0d;
	padding: 1rem;
	border-radius: 8px;
	border: 1px solid rgba(255, 255, 255, .1);
	transition: all .3s ease
}

.browser-item:hover {
	background: #ffffff14;
	transform: translateY(-2px)
}

.browser-item h4 {
	margin-bottom: .5rem;
	font-size: 1rem
}

.browser-item p {
	margin: 0;
	font-size: .85rem;
	color: #fffc
}

.cookie-controls {
	background: #9909ff1a;
	border-radius: 12px;
	padding: 1.5rem;
	border: 1px solid rgba(255, 167, 38, .2);
	margin-top: 1rem
}

.cookie-controls h3 {
	color: #9909ff;
	margin-bottom: 1rem
}

.control-buttons {
	display: flex;
	gap: 1rem;
	flex-wrap: wrap
}

.control-buttons .btn {
	flex: 1;
	min-width: 150px;
	font-size: .9rem;
	padding: .75rem 1rem
}

.third-party-cookies {
	display: grid;
	gap: 1rem;
	margin-top: 1rem
}

.third-party-item {
	background: #ffffff08;
	padding: 1.25rem;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .05);
	transition: all .3s ease
}

.third-party-item:hover {
	background: #ffffff0d;
	transform: translateY(-2px)
}

.third-party-item h4 {
	margin-bottom: .5rem
}

.third-party-item p {
	margin-bottom: .75rem;
	font-size: .9rem
}

.privacy-link {
	color: #9909ff;
	text-decoration: underline;
	font-size: .85rem;
	transition: color .3s ease
}

.privacy-link:hover {
	color: #9909ff
}

.contact-section {
	/* background: #9909ff1a; */
	border-radius: 12px;
	padding: 1.5rem;
}

.contact-info p {
	margin-bottom: .5rem;
	color: #ffffffe6
}

.last-updated {
	font-style: italic;
	color: #ffffffb3;
	font-size: .9rem
}

.back-to-site {
	text-align: center;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width: 768px) {
	.cookies-page {
		margin-top: 70px;
		padding: 2rem 0
	}

	.cookies-content {
		padding: 2rem 1.5rem
	}

	.cookie-type,
	.browser-instructions,
	.cookie-controls,
	.contact-section {
		padding: 1.25rem
	}

	.cookie-item {
		grid-template-columns: 1fr;
		gap: .5rem;
		text-align: center
	}

	.cookie-duration {
		text-align: center
	}

	.browser-grid {
		grid-template-columns: 1fr
	}

	.control-buttons {
		flex-direction: column
	}

	.control-buttons .btn {
		min-width: auto
	}
}

@media (max-width: 480px) {
	.cookies-page {
		margin-top: 65px;
		padding: 1.5rem 0
	}

	.cookies-content {
		padding: 1.5rem 1rem
	}

	.cookie-section {
		margin-bottom: 2rem
	}

	.cookie-type,
	.browser-instructions,
	.cookie-controls,
	.contact-section {
		padding: 1rem
	}
}