/* UniPC service page specific styles */
.a4-sheet {
	background: linear-gradient(135deg, 
		rgba(10, 10, 15, 0.95), 
		rgba(26, 0, 51, 0.9), 
		rgba(10, 10, 15, 0.95));
	backdrop-filter: blur(10px);
	width: 210mm;
	height: 297mm;
	max-width: 210mm;
	max-height: 297mm;
	margin: 0 auto;
	box-shadow: 
		0 0 50px rgba(255, 7, 58, 0.3),
		0 0 100px rgba(193, 71, 233, 0.2),
		0 20px 40px rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
	color: var(--text-light);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.1);
	animation: pulseGlow 3s ease-in-out infinite;
	transform: scale(1.15);
	transform-origin: top center;
}

/* UniPC Header */
.unipc-header {
	text-align: center;
	padding: 16mm 15mm 10mm 15mm;
	margin-bottom: 0;
	position: relative;
}

.unipc-header h1 {
	font-family: 'Orbitron', monospace;
	font-size: 3.2em;
	margin: 0;
	font-weight: 900;
	letter-spacing: 3px;
	background: linear-gradient(45deg, 
		var(--neon-red), 
		var(--neon-purple));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 1;
}

.unipc-header .sub-title {
	font-size: 1.1em;
	color: var(--text-light);
	margin-top: 6px;
	font-weight: 500;
	text-shadow: 0 0 10px rgba(0, 245, 255, 0.6);
	letter-spacing: 1px;
	line-height: 1.2;
}

/* UniPC Main Content */
.main-content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16mm;
	padding: 0 15mm;
	margin-bottom: 0;
}

.pc-section {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 12mm;
	margin-bottom: 0;
	width: 100%;
	max-width: 180mm;
	gap: 16mm;
	align-items: center;
}

.pc-features-left, .pc-features-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 16px;
	align-items: center;
}

.feature-point {
	background: linear-gradient(135deg, 
		rgba(0, 255, 255, 0.05),
		rgba(255, 7, 58, 0.05),
		rgba(193, 71, 233, 0.05));
	backdrop-filter: blur(15px);
	padding: 10px;
	border-radius: 8px;
	border: 1px solid rgba(0, 255, 255, 0.3);
	text-align: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.feature-point::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, 
		transparent, 
		rgba(0, 255, 255, 0.1), 
		transparent);
	transition: left 0.5s ease;
}

.feature-point:hover::before {
	left: 100%;
}

.feature-point:hover {
	transform: scale(1.02);
	background: linear-gradient(135deg, 
		rgba(0, 255, 255, 0.1),
		rgba(255, 7, 58, 0.1),
		rgba(193, 71, 233, 0.1));
	border-color: var(--neon-cyan);
	box-shadow: 
		0 0 20px rgba(0, 255, 255, 0.3),
		0 5px 15px rgba(0, 0, 0, 0.2);
}

.feature-point h4 {
	margin: 0 0 4px 0;
	font-size: 0.9em;
	font-weight: 700;
	color: var(--neon-cyan);
	text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);
	font-family: 'Orbitron', monospace;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
}

.feature-point p {
	margin: 0;
	font-size: 0.75em;
	opacity: 0.9;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.9);
	position: relative;
	z-index: 1;
}

.pc-image-container {
	flex: 0 0 auto;
	width: 60mm;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc-image-container::before {
	content: '';
	position: absolute;
	top: -6px;
	left: -6px;
	right: -6px;
	bottom: -6px;
	background: linear-gradient(45deg, var(--neon-red), var(--neon-purple), var(--neon-cyan));
	border-radius: 15px;
	z-index: -1;
	animation: pulseGlow 2s ease-in-out infinite;
}

.pc-image-container img {
	width: 100%;
	height: auto;
	border-radius: 12px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-shadow: 
		0 0 20px rgba(0, 245, 255, 0.4),
		0 5px 15px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease;
}

.pc-image-container:hover img {
	transform: scale(1.02);
}

.service-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8mm;
	width: 100%;
	max-width: 180mm;
	margin-bottom: 0;
	gap: 16mm;
}

.service-item {
	background: linear-gradient(135deg, 
		rgba(0, 255, 255, 0.05),
		rgba(255, 7, 58, 0.05),
		rgba(193, 71, 233, 0.05));
	backdrop-filter: blur(15px);
	padding: 12px;
	border-radius: 12px;
	text-align: center;
	border: 1px solid rgba(0, 255, 255, 0.3);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

.service-item::before {
	content: '';
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	bottom: -2px;
	background: linear-gradient(45deg, 
		var(--neon-cyan), 
		var(--neon-red), 
		var(--neon-purple), 
		var(--neon-cyan));
	background-size: 400% 400%;
	border-radius: 12px;
	opacity: 0;
	z-index: -1;
	animation: gradientShift 3s ease infinite;
	transition: opacity 0.3s ease;
}

.service-item:hover::before {
	opacity: 0.7;
}

.service-item:hover {
	transform: translateY(-3px);
	background: linear-gradient(135deg, 
		rgba(0, 255, 255, 0.1),
		rgba(255, 7, 58, 0.1),
		rgba(193, 71, 233, 0.1));
	box-shadow: 
		0 8px 20px rgba(0, 255, 255, 0.2),
		0 0 15px rgba(255, 7, 58, 0.1);
	border-color: var(--neon-cyan);
}

.service-item svg {
	width: 28px;
	height: 28px;
	fill: var(--neon-cyan);
	margin-bottom: 6px;
	filter: drop-shadow(0 0 6px rgba(0, 255, 255, 0.6));
	z-index: 1;
	position: relative;
}

.service-item h3 {
	margin: 0 0 4px 0;
	font-size: 1em;
	font-weight: 700;
	color: var(--neon-cyan);
	text-shadow: 0 0 6px rgba(0, 255, 255, 0.6);
	font-family: 'Orbitron', monospace;
	letter-spacing: 0.5px;
	z-index: 1;
	position: relative;
}

.service-item p {
	font-size: 0.75em;
	margin: 0;
	opacity: 0.9;
	line-height: 1.3;
	color: rgba(255, 255, 255, 0.9);
	z-index: 1;
	position: relative;
}

/* UniPC Footer */
.unipc-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10mm 15mm 10mm 15mm;
	background: linear-gradient(135deg, 
		rgba(0, 0, 0, 0.6), 
		rgba(26, 0, 51, 0.4));
	backdrop-filter: blur(10px);
	margin-top: 0;
	align-items: center;
	min-height: 40mm;
	box-sizing: border-box;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-contact p {
	margin: 0 0 3px 0;
	font-size: 0.85em;
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
	line-height: 1.3;
}

.footer-contact p strong {
	color: var(--neon-cyan);
	text-shadow: 0 0 5px rgba(0, 245, 255, 0.5);
}

.qr-code-section {
	text-align: center;
}

.qr-code-section h3 {
	margin: 0 0 6px 0;
	font-family: 'Orbitron', monospace;
	font-size: 1.2em;
	background: linear-gradient(45deg, var(--neon-red), var(--neon-purple));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 8px rgba(255, 7, 58, 0.5);
}

.qr-code-section img {
	width: 60px;
	height: 60px;
	border-radius: 6px;
	border: 2px solid var(--neon-cyan);
	background-color: white;
	box-shadow: 0 0 12px rgba(0, 245, 255, 0.4);
}

/* UniPC body background */
.unipc-body {
	background: linear-gradient(45deg, var(--darker-bg), var(--dark-bg), #1a0033, var(--dark-bg));
	background-size: 400% 400%;
	animation: gradientShift 8s ease infinite;
	font-family: 'Rajdhani', sans-serif;
	margin: 0;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	position: relative;
	overflow-x: hidden;
}

.unipc-body::before {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: 
		radial-gradient(2px 2px at 20px 30px, var(--neon-cyan), transparent),
		radial-gradient(2px 2px at 40px 70px, var(--neon-pink), transparent),
		radial-gradient(1px 1px at 90px 40px, var(--neon-purple), transparent),
		radial-gradient(1px 1px at 130px 80px, var(--neon-red), transparent);
	background-repeat: repeat;
	background-size: 200px 150px;
	animation: sparkle 4s linear infinite;
	opacity: 0.3;
	pointer-events: none;
	z-index: -1;
}

/* Responsive adjustments */
@media screen and (max-width: 800px) {
	.a4-sheet {
		min-height: 100vh;
		height: auto;
	}
	.main-content {
		gap: 10mm;
	}
	.pc-section {
		gap: 10mm;
	}
	.service-grid {
		gap: 10mm;
	}
	.unipc-footer {
		padding: 8mm 5vw;
	}
}

/* Print styles */
@media print {
	@page {
		size: A4 portrait;
		margin: 0;
	}

	html, body {
		width: 210mm;
		height: 297mm;
		min-height: 0 !important;
		background: #fff !important;
		padding: 0 !important;
		margin: 0 !important;
		box-sizing: border-box;
		overflow: visible !important;
	}
	
	.unipc-body::before { display: none !important; }

	.a4-sheet {
		background: #fff !important;
		color: #000 !important;
		box-shadow: none !important;
		margin: 0 !important;
		width: 210mm !important;
		height: 297mm !important;
		max-width: 210mm !important;
		max-height: 297mm !important;
		min-height: 297mm !important;
		animation: none !important;
		border: none !important;
		page-break-inside: avoid !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
	}

	.unipc-header {
		padding: 12mm 15mm 8mm 15mm !important;
		margin-bottom: 0 !important;
	}

	.unipc-header h1 {
		background: none !important;
		color: #222 !important;
		-webkit-background-clip: initial !important;
		background-clip: initial !important;
		-webkit-text-fill-color: initial !important;
		animation: none !important;
		text-shadow: none !important;
		font-size: 3.2em !important;
	}
	
	.unipc-header .sub-title {
		color: #333 !important;
		text-shadow: none !important;
		font-size: 1.1em !important;
	}

	.main-content {
		padding: 0 15mm !important;
		gap: 14mm !important;
		flex-grow: 1 !important;
		margin-bottom: 0 !important;
	}

	.pc-section {
		gap: 12mm !important;
		align-items: center !important;
		margin-bottom: 0 !important;
	}

	.pc-image-container::before { display: none !important; }
	.pc-image-container img {
		border: 2px solid #ccc !important;
		box-shadow: none !important;
	}

	.feature-point, .service-item {
		background: #f8f8f8 !important;
		border: 1px solid #ddd !important;
		animation: none !important;
		box-shadow: none !important;
	}
	
	.feature-point::before, .service-item::before { display: none !important; }

	.feature-point h4, .service-item h3 {
		color: #333 !important;
		text-shadow: none !important;
	}
	
	.feature-point p, .service-item p { color: #000 !important; }
	.service-item svg { fill: #333 !important; filter: none !important; }

	.service-grid {
		gap: 12mm !important;
		margin-bottom: 0 !important;
	}

	.unipc-footer {
		background: #f0f0f0 !important;
		color: #000 !important;
		padding: 8mm 15mm !important;
		border-top: 1px solid #ccc !important;
		min-height: 30mm !important;
		align-items: center !important;
	}
	
	.footer-contact strong, .qr-code-section h3 {
		color: #333 !important;
		background: none !important;
		-webkit-text-fill-color: initial !important;
		text-shadow: none !important;
	}
	
	.qr-code-section img {
		border: 1px solid #ccc !important;
		box-shadow: none !important;
		background: #fff !important;
	}

	.main-content, .pc-section, .service-grid, .unipc-footer {
		page-break-inside: avoid !important;
	}
}