/* Rewritten preloader styles - central circle removed */
html, body {
	margin: 0;
	padding: 0;
	height: 100%; 
	font-family: Vazirmatn, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}

.demo-bg {
	position: fixed;
	inset: 0;
	background: radial-gradient(circle at 20% 30%, #2a1810 0%, transparent 50%),
							radial-gradient(circle at 80% 70%, #241209 0%, transparent 50%),
							#150c08;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8a6a55;
	font-size: 14px;
	letter-spacing: 1px;
	z-index: 1;
}

#preloader {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* background: rgba(15,8,5,0.55); */
	backdrop-filter: blur(12px) saturate(120%);
	-webkit-backdrop-filter: blur(12px) saturate(120%);
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

#preloader.hide {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.flame-wrap {
	position: relative;
	width: 140px;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}

.flame-glow {
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(255,120,40,0.45) 0%, rgba(255,60,30,0.18) 40%, transparent 70%);
	filter: blur(18px);
	animation: pulseGlow 2.2s ease-in-out infinite;
}

.ring {
	position: absolute;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	border: 1.5px solid transparent;
	border-top-color: #f00c00;
	border-right-color: rgba(255,122,46,0.18);
	animation: spin 1.6s linear infinite;
}

.ring2 {
	position: absolute;
	width: 130px;
	height: 130px;
	border-radius: 50%;
	border: 1px solid transparent;
	border-bottom-color: rgba(255,180,90,0.6);
	border-left-color: rgba(255,90,40,0.14);
	animation: spinRev 2.4s linear infinite;
}

.orb { display: none !important; }

.site-name {
	margin-top: 24px;
	font-family: 'Consolas','Courier New',monospace;
	font-size: 14px;
	letter-spacing: 2px;
	background: linear-gradient(90deg,#ff9a3c,#ff2e2e,#ff9a3c);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: shine 2.5s linear infinite;
	text-shadow: 0 0 12px rgba(255,90,30,0.25);
	user-select: none;
	z-index: 2;
}

@keyframes pulseGlow {
	0%, 100% { transform: scale(0.95); opacity: 0.75; }
	50% { transform: scale(1.12); opacity: 1; }
}

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes spinRev { to { transform: rotate(-360deg); } }
@keyframes shine { to { background-position: 200% center; } }

/* Accessibility: ensure preloader content is hidden from assistive tech when not visible */
#preloader[aria-hidden="true"] { visibility: hidden; opacity: 0; }