/* =====================================================
   PYQS THEME CUSTOM STYLES
===================================================== */

/* -------------------------------
   Brand Colors
-------------------------------- */

.bg-brand-blue { background-color: #1a365d; }
.text-brand-blue { color: #1a365d; }
.border-brand-blue { border-color: #1a365d; }

.bg-brand-teal { background-color: #0d9488; }
.text-brand-teal { color: #0d9488; }
.border-brand-teal { border-color: #0d9488; }

.bg-brand-orange { background-color: #f97316; }
.text-brand-orange { color: #f97316; }

.bg-brand-light { background-color: #f8fafc; }

/* -------------------------------
   Typography
-------------------------------- */

body {
	font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins', sans-serif;
}

/* -------------------------------
   HERO BACKGROUND PATTERN
-------------------------------- */

.hero-pattern {
	background-color: #1a365d;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232c4a7c' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/g%3E%3C/svg%3E");
	animation: floatBg 30s linear infinite alternate;
}

@keyframes floatBg {
	0% { background-position: 0 0; }
	100% { background-position: 120px 120px; }
}

/* -------------------------------
   Hover Cards
-------------------------------- */

.paper-card {
	transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease;
}

.paper-card:hover {
	transform: translateY(-6px) scale(1.02);
	box-shadow: 0 20px 25px rgba(0,0,0,0.1);
}

.category-card {
	transition: all 0.25s ease;
}

.category-card:hover {
	transform: scale(1.05) rotate(0.5deg);
}

/* -------------------------------
   Pulse Button Animation
-------------------------------- */

.btn-pulse {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0%,100% { box-shadow: 0 0 0 0 rgba(249,115,22,0.5); }
	50% { box-shadow: 0 0 0 12px rgba(249,115,22,0); }
}

/* -------------------------------
   Shine Gradient Animation
-------------------------------- */

.shine {
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255,255,255,0.25),
		transparent
	);
	background-size: 200% 100%;
	animation: shine 3s infinite;
}

@keyframes shine {
	0% { background-position: 200% 0; }
	100% { background-position: -200% 0; }
}

/* -------------------------------
   Floating Icons
-------------------------------- */

@keyframes float {
	0%,100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
}

.animate-float {
	animation: float 6s ease-in-out infinite;
}

/* -------------------------------
   Hide Scrollbar Utility
-------------------------------- */

.scrollbar-hide::-webkit-scrollbar {
	display: none;
}

.scrollbar-hide {
	-ms-overflow-style: none;
	scrollbar-width: none;
}