.dr1060privacypolicy {
	position: relative;
	padding: 120px 24px;
	background:
		radial-gradient(circle at top left,
			rgba(0, 255, 255, 0.12),
			transparent 35%),
		radial-gradient(circle at bottom right,
			rgba(0, 128, 255, 0.10),
			transparent 35%),
		linear-gradient(
			180deg,
			#030712 0%,
			#071324 40%,
			#030712 100%);
	overflow: hidden;
}

.dr1060privacypolicy::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(255,255,255,.03) 1px,
			transparent 1px),
		linear-gradient(
			180deg,
			rgba(255,255,255,.03) 1px,
			transparent 1px);
	background-size: 70px 70px;
	mask-image: linear-gradient(
		to bottom,
		transparent,
		black 15%,
		black 85%,
		transparent);
	pointer-events: none;
}

.dr1060privacypolicy-container{
	max-width:1200px;
	margin:auto;
	position:relative;
	z-index:2;
}

.dr1060privacypolicy-header{
	text-align:center;
	max-width:900px;
	margin:0 auto 70px;
}

.dr1060privacypolicy-badge{
	display:inline-flex;
	align-items:center;
	padding:12px 24px;
	border-radius:999px;
	margin-bottom:25px;

	background:rgba(255,255,255,.08);
	backdrop-filter:blur(20px);

	border:1px solid rgba(255,255,255,.12);

	color:#7dd3fc;
	font-size:.9rem;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;

	box-shadow:
		0 8px 30px rgba(0,0,0,.3),
		inset 0 1px 0 rgba(255,255,255,.15);
}

.dr1060privacypolicy-header h1{
	font-size:clamp(2.8rem,6vw,5rem);
	line-height:1.1;
	font-weight:900;

	background:linear-gradient(
		135deg,
		#ffffff,
		#67e8f9,
		#60a5fa);

	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;

	margin-bottom:24px;
}

.dr1060privacypolicy-intro{
	font-size:1.15rem;
	line-height:1.9;
	color:#cbd5e1;
}

.dr1060privacypolicy-meta{
	display:flex;
	gap:20px;
	justify-content:center;
	flex-wrap:wrap;
	margin-top:30px;
	color:#94a3b8;
	font-size:.95rem;
}

.dr1060privacypolicy-grid{
	display:grid;
	grid-template-columns:
		repeat(auto-fit,minmax(320px,1fr));
	gap:30px;
}

.dr1060policy-card{
	position:relative;

	padding:35px;

	border-radius:28px;

	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.09),
			rgba(255,255,255,.04));

	backdrop-filter:blur(24px);

	border:1px solid rgba(255,255,255,.12);

	box-shadow:
		0 20px 50px rgba(0,0,0,.45),
		inset 0 1px 0 rgba(255,255,255,.15);

	transition:
		transform .45s ease,
		box-shadow .45s ease,
		border-color .45s ease;

	opacity:0;
	transform:translateY(60px);
}

.dr1060policy-card::before{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;

	background:
		linear-gradient(
			135deg,
			rgba(255,255,255,.18),
			transparent 40%);

	pointer-events:none;
}

.dr1060policy-card:hover{
	transform:
		translateY(-10px)
		rotateX(4deg);

	border-color:
		rgba(103,232,249,.35);

	box-shadow:
		0 30px 70px rgba(0,0,0,.55),
		0 0 40px rgba(34,211,238,.15);
}

.dr1060policy-card h2{
	color:#fff;
	font-size:1.35rem;
	margin-bottom:18px;
	line-height:1.4;
}

.dr1060policy-card p,
.dr1060policy-card li{
	color:#cbd5e1;
	line-height:1.9;
}

.dr1060policy-card ul{
	padding-left:20px;
}

.dr1060privacy-footer{
	margin-top:70px;

	padding:45px;

	text-align:center;

	border-radius:30px;

	background:
		linear-gradient(
			180deg,
			rgba(0,255,255,.08),
			rgba(255,255,255,.04));

	border:1px solid rgba(255,255,255,.12);

	backdrop-filter:blur(24px);

	box-shadow:
		0 20px 50px rgba(0,0,0,.4);
}

.dr1060privacy-footer h2{
	color:#fff;
	margin-bottom:15px;
	font-size:2rem;
}

.dr1060privacy-footer p{
	color:#cbd5e1;
	line-height:1.8;
	max-width:800px;
	margin:auto;
}

/* reveal */

.dr1060privacypolicy.revealed
.dr1060policy-card{
	opacity:1;
	transform:none;
}

.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(1){transition:.5s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(2){transition:.7s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(3){transition:.9s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(4){transition:1.1s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(5){transition:1.3s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(6){transition:1.5s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(7){transition:1.7s;}
.dr1060privacypolicy.revealed
.dr1060policy-card:nth-child(8){transition:1.9s;}

@media (max-width:768px){

	.dr1060privacypolicy{
		padding:90px 20px;
	}

	.dr1060policy-card{
		padding:28px;
	}

	.dr1060privacy-footer{
		padding:30px 24px;
	}
}