/* Tiny extras complementing Tailwind */
.glass {
	background: rgba(255, 255, 255, 0.08);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 12px;
}

.gradient-bg {
	background: linear-gradient(135deg, #0ea5e9 0%, #8b5cf6 100%);
}

.text-shadow {
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}


/* Minimal spinner for loading states */
@keyframes spin { to { transform: rotate(360deg); } }
.spinner {
	width: 16px;
	height: 16px;
	border-radius: 9999px;
	border: 2px solid rgba(255,255,255,0.6);
	border-top-color: #ffffff;
	animation: spin 1s linear infinite;
}