:root{
	--text: #ffffff;
	--accent: #9be7ff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	color:var(--text);
	background: linear-gradient(135deg,#071226 0%, #102537 60%);
	display:flex;
	align-items:center;
	justify-content:center;
	-webkit-font-smoothing:antialiased;
}
.center{padding:2rem;text-align:center}
.brand{font-size:clamp(2rem,8vw,4rem);margin:0 0 0.5rem 0;color:var(--accent);letter-spacing:0.02em}
.slogan{font-size:clamp(0.95rem,2vw,1.2rem);margin:0;color:rgba(255,255,255,0.9)}

/* Hafif giriş animasyonu */
.brand{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease}
.slogan{opacity:0;transform:translateY(10px);transition:opacity .6s ease .15s,transform .6s ease .15s}
.loaded .brand{opacity:1;transform:translateY(0)}
.loaded .slogan{opacity:1;transform:translateY(0)}

/* neon glow için --glow değişkeni */
.brand{--glow:0;text-shadow:0 0 calc(var(--glow) * 6px) rgba(155,231,255,0.18), 0 0 calc(var(--glow) * 18px) rgba(155,231,255,0.08)}
.brand .char{display:inline-block;will-change:transform,opacity}

/* Slogan animasyonu için kelime span'leri ve glow değişkeni */
.slogan{--sloganGlow:0;text-shadow:0 0 calc(var(--sloganGlow) * 6px) rgba(155,231,255,0.06)}
.slogan .word{display:inline-block;will-change:transform,opacity,filter}

/* underline animation element */
.slogan-underline{display:block;height:3px;width:60%;margin:10px auto 0;background:linear-gradient(90deg,var(--accent),rgba(255,255,255,0.6));border-radius:3px;transform:scaleX(0);will-change:transform}

/* Credits (yazar isimleri) */
.credits{display:block;margin:8px auto 0;font-size:0.85rem;color:rgba(255,255,255,0.78);text-align:center}

/* Location line under credits */
.location{display:block;margin:4px auto 0;font-size:0.78rem;color:rgba(255,255,255,0.62);text-align:center}

/* Video & language selection UI removed */
/* EN/TR buttons and preview modal have been intentionally removed.
	If you want them back later, reintroduce styles here. */

@media (prefers-reduced-motion: reduce){
	.brand,.slogan{transition:none}
}