/*
Theme Name: Autodemex Ultimate Dynamic
Version: 6.1
*/

:root{
 --bg:#0a0f14;
 --panel:#11161c;
 --accent:#2FA4E7;
 --accent-light:#5BC0F8;
 --text:#fff;
}

body{margin:0;font-family:Arial;background:var(--bg);color:var(--text);overflow-x:hidden}

header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#000}
nav a{color:#fff;margin-left:25px;text-decoration:none}
nav a:hover{color:var(--accent)}

.hero{position:relative;height:100vh;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw)}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;animation:fade 18s infinite}
.slide:nth-child(2){animation-delay:6s}
.slide:nth-child(3){animation-delay:12s}

@keyframes fade{0%{opacity:0}5%{opacity:1}30%{opacity:1}35%{opacity:0}100%{opacity:0}}

.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(10,15,20,.95))}
.hero-content{position:relative;z-index:2;text-align:center;top:40%}

.glow{font-size:90px;text-shadow:0 0 15px var(--accent),0 0 40px var(--accent-light)}

.cta-btn{padding:16px 40px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border:none;border-radius:10px;color:#fff}

.services{padding:80px 10%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}

.card{position:relative;border-radius:14px;overflow:hidden;height:260px}
.card img{width:100%;height:100%;object-fit:cover}
.card::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.6)}
.card-content{position:absolute;bottom:20px;left:20px;z-index:2}

footer{text-align:center;padding:20px;background:#000}