.primary-link {
  color: var(--navy);
}

.detail-language {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-left: auto;
  color: var(--navy);
  font-weight: 900;
}

.detail-language select {
  min-height: 48px;
  padding: .45rem .7rem;
  border: 3px solid var(--navy);
  border-radius: 14px;
  color: var(--navy);
  background: #fff;
  font: inherit;
  font-weight: 900;
}

.detail-nav {
  flex-wrap: wrap;
}

html[dir="rtl"] .detail-language {
  margin-right: auto;
  margin-left: 0;
}

.parent-account-v10 {
  max-width: 920px;
  margin-inline: auto;
}

.parent-auth-step-v10 {
  margin: 1.5rem 0;
  padding: clamp(1rem, 4vw, 1.6rem);
  border: 4px solid var(--navy);
  border-radius: 24px;
  background: #eafcff;
}

.parent-auth-step-v10[hidden] {
  display: none;
}

.parent-auth-step-v10 form {
  display: grid;
  gap: .75rem;
  max-width: 590px;
}

.parent-auth-step-v10 label {
  font-weight: 900;
}

.parent-auth-step-v10 input:not([type="checkbox"]) {
  width: 100%;
  min-height: 58px;
  padding: .7rem 1rem;
  border: 3px solid var(--navy);
  border-radius: 16px;
  color: var(--navy);
  background: #fff;
  font: inherit;
  font-size: 1.08rem;
}

.subscription-card-v11 {
  grid-column: span 2;
}

.subscription-heading-v11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.subscription-heading-v11 h3 {
  margin: 0;
}

.subscription-details-v11 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .7rem;
  margin: 1rem 0;
}

.subscription-details-v11[hidden],
.parent-plan-actions-v11[hidden],
.billing-message-v11[hidden] {
  display: none;
}

.subscription-details-v11 div {
  padding: .8rem;
  border: 3px solid var(--navy);
  border-radius: 16px;
  background: #fff8c9;
}

.subscription-details-v11 dt {
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.subscription-details-v11 dd {
  margin: .25rem 0 0;
  font-weight: 900;
}

.parent-plan-actions-v11 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin: 1rem 0;
}

.parent-plan-v11 {
  display: grid;
  gap: .2rem;
  min-height: 104px;
  padding: .9rem;
  border: 4px solid var(--navy);
  border-radius: 19px;
  color: var(--navy);
  background: #fff;
  box-shadow: 0 5px 0 var(--navy);
  font: inherit;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
}

.parent-plan-v11:nth-child(1) { background: #dffaff; }
.parent-plan-v11:nth-child(2) { background: #fff1a9; }
.parent-plan-v11.is-selected { outline: 6px solid var(--pink); outline-offset: 3px; }
.parent-plan-v11 span, .parent-plan-v11 strong { font-weight: 900; }
.parent-plan-v11 small { color: #36506d; }
.parent-plan-v11:disabled { cursor: wait; opacity: .65; }
.parent-plan-v11:active { transform: translateY(3px); box-shadow: 0 2px 0 var(--navy); }

.billing-helper-v14 {
  margin: .8rem 0 0;
  color: #36506d;
  font-size: .92rem;
  font-weight: 800;
}

.billing-actions-v11 {
  margin-bottom: 0;
}

.billing-message-v11 {
  padding: .8rem 1rem;
  border: 3px solid var(--navy);
  border-radius: 16px;
  background: #fff1a9;
  font-weight: 900;
}

.billing-message-v11.error { background: #ffd9e4; }
.billing-message-v11.success { background: #c9f7d8; }

@media (max-width: 620px) {
  .detail-language {
    order: 3;
    width: 100%;
    justify-content: center;
  }

  .detail-language select {
    flex: 1;
    max-width: 240px;
  }

  .subscription-card-v11 { grid-column: auto; }
  .subscription-details-v11, .parent-plan-actions-v11 { grid-template-columns: 1fr; }
}

.quiz-illustration {
  display: grid;
  place-items: center;
  width: min(100%, 420px);
  min-height: 130px;
  margin: 1rem auto;
  padding: 1rem;
  border: 4px solid var(--navy);
  border-radius: 26px;
  background: linear-gradient(135deg, #fff5b6, #ffddec 52%, #c9f7ff);
  box-shadow: 0 7px 0 rgba(8, 21, 71, .16);
  font-size: clamp(4rem, 13vw, 7rem);
  letter-spacing: .12em;
  animation: quiz-float 2.6s ease-in-out infinite;
}

@keyframes quiz-float {
  50% { transform: translateY(-5px) rotate(1deg); }
}

@media (prefers-reduced-motion: reduce) {
  .quiz-illustration { animation: none; }
}