body{
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  background:#070b12;
  color:#fff;
}

.wrap{ max-width:1200px; margin:auto; padding:20px; }

.topbar{
  background:#0b1220;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.topbar__inner{
  display:flex;
  align-items:center;
  gap:15px;
}
.logo{ height:40px; }
.search{
  flex:1;
  padding:10px;
  border-radius:10px;
  border:none;
}
.btn{
  padding:10px 16px;
  border-radius:12px;
  text-decoration:none;
  font-weight:bold;
}
.btn--ghost{ background:#1f2937; color:#fff; }
.btn--primary{ background:#1f6fff; color:#fff; }

.curso-header{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:30px;
  margin-top:30px;
}
.curso-img{
  background:#000;
  border-radius:20px;
  padding:10px;
}
.curso-img img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:contain;
}
.curso-info h1{ margin-top:0; }

.curso-video{ margin-top:40px; }
.video-box{
  position:relative;
  padding-top:56.25%;
}
.video-box iframe{
  position:absolute;
  top:0; left:0;
  width:100%; height:100%;
}

.curso-form{
  margin-top:40px;
  background:#0b1220;
  padding:20px;
  border-radius:20px;
}
.curso-form form{
  display:grid;
  gap:12px;
}
.curso-form input,
.curso-form select{
  padding:12px;
  border-radius:10px;
  border:none;
}

@media(max-width:900px){
  .curso-header{ grid-template-columns:1fr; }
}