/* Simplified card glow effect - always visible */
.card {
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
	border-color: rgba(255, 199, 44, 0.4);
	box-shadow: 
		0 10px 30px rgba(0,0,0,0.25),
		0 0 30px rgba(255, 199, 44, 0.25),
		inset 0 0 40px rgba(255, 199, 44, 0.08);
	animation: card-glow 2s ease-in-out infinite;
}

@keyframes card-glow {
	0%, 100% { 
		box-shadow: 
			0 10px 30px rgba(0,0,0,0.25),
			0 0 30px rgba(255, 199, 44, 0.25),
			inset 0 0 40px rgba(255, 199, 44, 0.08);
	}
	50% { 
		box-shadow: 
			0 10px 30px rgba(0,0,0,0.25),
			0 0 45px rgba(255, 199, 44, 0.35),
			inset 0 0 50px rgba(255, 199, 44, 0.12);
	}
}

.card:hover,
.card:focus-within,
.card:active,
.card.electric-active {
	border-color: rgba(255, 199, 44, 0.5);
	box-shadow: 
		0 12px 35px rgba(0,0,0,0.3),
		0 0 40px rgba(255, 199, 44, 0.35),
		inset 0 0 50px rgba(255, 199, 44, 0.12);
}

@media (prefers-reduced-motion: reduce) {
	.card {
		animation: none !important;
	}
}