body{
  margin:0;
  font-family:Arial;
  background:#0b0b0f;
  color:white;
}

nav{
  position:fixed;
  top:0;
  width:100%;
  display:flex;
  justify-content:space-between;
  padding:20px;
  background:rgba(0,0,0,0.6);
}

nav a{color:white;margin-left:15px;text-decoration:none;}

.hero{height:100vh;position:relative;}

.slide{
  position:absolute;width:100%;height:100%;
  background-size:cover;opacity:0;transition:1s;
}

.slide.active{opacity:1;}

.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7);}

.hero-content{
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);text-align:center;
}

.btn{padding:10px 20px;border-radius:20px;text-decoration:none;}
.red{background:#ff1e1e;color:white;}
.dark{border:1px solid white;color:white;}

section{padding:100px 10%;}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;}

.card{background:rgba(255,255,255,0.05);padding:20px;border-radius:10px;}

.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

input,textarea{width:100%;padding:10px;margin:10px 0;}

.floating{
  position:fixed;bottom:20px;right:20px;
  display:flex;flex-direction:column;gap:10px;
}