* { box-sizing: border-box; font-family: Inter, Arial, sans-serif; }
body { margin:0; background:#0b0f1a; color:#fff; }

header {
  display:flex; justify-content:space-between;
  padding:16px 32px; background:#050814;
}
.logo { font-size:20px; font-weight:700; }
.auth-buttons button {
  margin-left:12px;
  padding:8px 16px;
  background:#1b2cff;
  color:#fff;
  border:none;
  cursor:pointer;
}

.hero { position:relative; height:600px; overflow:hidden; }
.slide {
  position:absolute; inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transition:opacity 1s;
}
.slide.active { opacity:1; }

.hero-text {
  position:absolute; bottom:80px; left:50px;
  max-width:500px;
}
.hero-text h1 { font-size:42px; }
.hero-text button {
  margin-top:20px;
  padding:12px 20px;
  background:#1b2cff;
  border:none; color:#fff;
  font-size:16px;
}

.modal {
  position:fixed; inset:0;
  background:rgba(0,0,0,.8);
  display:flex; justify-content:center; align-items:center;
}
.modal-box {
  background:#0f152b;
  padding:30px;
  width:360px;
}
.modal-box input {
  width:100%; margin:10px 0;
  padding:10px;
}
.modal-box button {
  width:100%; padding:10px;
  background:#1b2cff; border:none; color:#fff;
}
.hidden { display:none; }

footer {
  text-align:center;
  padding:16px;
  background:#050814;
  font-size:14px;
}