.student-install-card {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 24px;
  border: 2px solid #67e7f3;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(19, 43, 62, .97), rgba(28, 20, 44, .97));
}

.student-install-card h2 { margin: 6px 0; }
.student-install-card p { margin: 0; color: #d5e1f1; }
.install-phone { float: left; margin-right: 12px; font-size: 2.8rem; }
.install-help { grid-column: 1 / -1; color: #8af0b8 !important; font-weight: 800; }

.student-install-card.is-installed {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  border-color: transparent;
  background: transparent;
}
.student-install-card.is-installed > div,
.student-install-card.is-installed .install-help { display: none; }
.student-install-card.is-installed .btn {
  min-height: 44px;
  padding: 9px 14px;
  border: 1px solid #72eca8;
  background: rgba(24, 74, 51, .75);
  color: #c4ffda;
  font-size: .85rem;
}

.returning-student {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #2f435e;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(18, 47, 63, .96), rgba(27, 20, 43, .96));
}

.returning-student h2 { margin: 7px 0; }
.returning-student p { margin: 0; color: #c7d5e7; }
.returning-message { grid-column: 1 / -1; min-height: 0; color: #82f0b9 !important; font-weight: 800; }
.remember-student { display: flex; align-items: center; gap: 10px; margin: 18px 0; font-weight: 800; }
.remember-student input { width: 22px; height: 22px; }

.profile-welcome {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  margin-bottom: 20px;
  padding: clamp(22px, 4vw, 34px);
  border: 2px solid #69e9f1;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(15, 55, 68, .98), rgba(37, 22, 51, .98));
  box-shadow: 0 18px 45px rgba(0, 0, 0, .25);
}

.profile-welcome[hidden] { display: none; }
.profile-welcome h2 { margin: 5px 0; font-size: clamp(2rem, 5vw, 3.4rem); }
.profile-welcome p { margin: 0; color: #b8f7d2; font-size: 1.05rem; font-weight: 800; }
.profile-wave { float: left; margin-right: 13px; font-size: 2.8rem; }

.has-student-profile .returning-student,
.has-student-profile [data-profile-repeated] { display: none !important; }

@media (max-width: 680px) {
  .student-install-card { grid-template-columns: 1fr; }
  .student-install-card .btn { width: 100%; text-align: center; }
  .returning-student { grid-template-columns: 1fr; }
  .returning-student .btn { width: 100%; text-align: center; }
  .profile-welcome { grid-template-columns: 1fr; }
  .profile-welcome .btn { width: 100%; text-align: center; }
}