body {
  margin:0;
  font-family: "Segoe UI", sans-serif;
  background: linear-gradient(120deg,#0f172a,#020617);
  color:white;
}

.card {
  background:#0b1220;
  border-radius:15px;
  padding:25px;
  box-shadow:0 10px 30px rgba(0,0,0,.6);
}

.btn {
  background:#2563eb;
  border:none;
  padding:12px 20px;
  border-radius:10px;
  color:white;
  cursor:pointer;
  font-size:16px;
}
.btn:hover { background:#1d4ed8; }

input,select {
  width:100%;
  padding:12px;
  border-radius:10px;
  border:none;
  margin-top:10px;
  background:#020617;
  color:white;
}

.nav {
  display:flex;
  justify-content:space-between;
  padding:20px;
  background:#020617;
}

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