/* ===============================
   DR1052 SCHEMES SECTION
================================ */
.dr1052schemes {
	position: relative;
	padding: 100px 20px;
	background: radial-gradient(circle at top, #0f172a, #020617);
	color: #e5e7eb;
	overflow: hidden;
}

.dr1052schemes-inner {
	max-width: 1200px;
	margin: auto;
	text-align: center;
}

/* Title */
.dr1052schemes-title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 12px;
	color: #ecfeff;
}

.dr1052schemes-subtitle {
	max-width: 700px;
	margin: 0 auto 60px;
	font-size: 1.05rem;
	color: #94a3b8;
}

/* Grid */
.dr1052schemes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 30px;
	perspective: 1200px;
}

/* Card */
.dr1052scheme-card {
	position: relative;
	background: linear-gradient(145deg, #020617, #020617) padding-box,
		linear-gradient(145deg, #22d3ee, #0f766e) border-box;
	border: 1px solid transparent;
	border-radius: 20px;
	padding: 40px 28px;
	text-align: center;
	transform-style: preserve-3d;
	transition: transform .5s ease, box-shadow .5s ease;
	box-shadow: 0 30px 60px rgba(0, 0, 0, .6);
}

/* Hover 3D */
.dr1052scheme-card:hover {
	transform: translateY(-12px) rotateX(8deg) rotateY(-8deg);
	box-shadow: 0 50px 90px rgba(0, 0, 0, .85);
}

/* Icon */
.scheme-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto 20px;
	border-radius: 50%;
	background: radial-gradient(circle at top, #22d3ee, #0f766e);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .15), 0 15px 30px
		rgba(0, 0, 0, .7);
	transform: translateZ(40px);
}

/* Headings */
.dr1052scheme-card h3 {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 12px;
	color: #ecfeff;
	transform: translateZ(30px);
}

/* Text */
.dr1052scheme-card p {
	font-size: .95rem;
	line-height: 1.6;
	color: #cbd5f5;
	margin-bottom: 18px;
	transform: translateZ(20px);
}

/* Tag */
.scheme-tag {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 999px;
	font-size: .75rem;
	letter-spacing: .6px;
	text-transform: uppercase;
	color: #020617;
	background: linear-gradient(135deg, #22d3ee, #0f766e);
	box-shadow: 0 10px 20px rgba(0, 0, 0, .6);
	transform: translateZ(25px);
}

/* ===============================
   MOBILE OPTIMIZATION
================================ */
@media ( max-width : 768px) {
	.dr1052schemes {
		padding: 80px 16px;
	}
	.dr1052scheme-card:hover {
		transform: translateY(-8px);
	}
}