/* 
======================================================
  GAMBARSUKAN - CUSTOM STYLES
====================================================== 
*/

:root {
	/* Main Theme Colors */
	--primary-color: #ff4757; /* Default Vibrant Red */
	--primary-hover: #ff6b81;
}

/* Base Body Styles */
body {
	font-family: 'Inter', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Hero Section Fallback Background */
.hero-section {
	/* Removed placeholder background image */
}

/* Watermark Overlay for Copyright Protection */
.watermark-container {
	position: relative;
	user-select: none;
}

.watermark-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 5;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'><text x='50%' y='50%' fill='rgba(255,255,255,0.15)' font-family='Arial' font-size='16' font-weight='bold' text-anchor='middle' transform='rotate(-35, 75, 75)'>GAMBARSUKAN</text></svg>");
	background-repeat: repeat;
}

/* Face Scan Camera Animation Line */
.scan-line {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(to right, transparent, var(--primary-color), transparent);
	box-shadow: 0 0 15px var(--primary-color);
	z-index: 10;
	animation: scan 3s linear infinite;
}

@keyframes scan {
	0% { top: 30%; opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { top: 70%; opacity: 0; }
}