/* ======================================================
   LANDING PAGE / SERVER STATUS
====================================================== */

/* ================= DASHBOARD CARDS ================= */
.cards{
  display:flex;
  gap:20px;
  flex-wrap:wrap;
}

.card{
  flex:1;
  min-width:250px;
}

/* ================= PROFILE ================= */
.profile-card{
  margin-top:20px;
}

.profile-form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.profile-form input{
  padding:10px;
  border-radius:8px;
  border:1px solid rgba(0,255,255,0.3);
  background:rgba(0,0,0,0.4);
  color:#fff;
}

/* ================= CLUSTER ================= */
.cluster-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:15px;
}

.server-box{
  padding:15px;
  border-radius:12px;
  background:rgba(0,0,0,0.5);
  border:1px solid rgba(0,255,255,0.3);
}