.eduvio-family .family-add .family-fields{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.72fr);
  gap:18px;
  align-items:stretch;
  margin:24px 0 26px;
}
.eduvio-family .family-step{
  display:inline-block;
  margin:0 0 5px;
  color:#187681;
  font:900 .72rem Manrope,system-ui,sans-serif;
  letter-spacing:.1em;
}
.eduvio-family .family-auth-card{
  max-width:920px;
  margin:28px auto;
  padding:clamp(24px,4vw,42px);
  background:linear-gradient(145deg,#fff 0%,#f7fbff 100%);
}
.eduvio-family .family-auth-fields{
  display:grid;
  grid-template-columns:1.1fr 1.3fr 1fr;
  gap:16px;
  margin:24px 0 18px;
}
.eduvio-family .family-auth-fields label{margin:0;color:#233957;font:800 .9rem Manrope,system-ui,sans-serif}
.eduvio-family .family-auth-fields label span{display:block;margin:0 0 8px}
.eduvio-family .family-auth-fields input{
  box-sizing:border-box;width:100%;min-height:54px;margin:0;padding:0 15px;
  border:1.5px solid #b8cadb;border-radius:12px;background:#fff;color:#203653;
  box-shadow:0 2px 5px #1740640a;font:700 1rem Nunito,system-ui,sans-serif;
}
.eduvio-family .family-auth-fields input:focus{outline:2px solid #208e9a;outline-offset:2px;border-color:#208e9a}
.eduvio-family .family-auth-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.eduvio-family .family-auth-actions button{min-height:50px;padding:12px 22px}
.eduvio-family .family-privacy-note{margin:18px 0 0;padding-top:16px;border-top:1px solid #dce7ee;color:#5c6b7f;font-size:.9rem}
.eduvio-family .family-add .family-field{
  min-width:0;
  padding:16px 16px 17px;
  border:1px solid #d9e5ec;
  border-radius:18px;
  background:linear-gradient(160deg,#f9fcff,#f4f8fd);
  box-shadow:0 5px 16px #1740640b;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.eduvio-family .family-add .family-field:focus-within{
  border-color:#45a5ad;
  box-shadow:0 0 0 4px #45a5ad23,0 12px 24px #17406416;
  transform:translateY(-2px);
}
.eduvio-family .family-add .family-field label{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 11px;
  color:#233957;
  font:800 .92rem Manrope,system-ui,sans-serif;
}
.eduvio-family .family-add .family-field .field-symbol{
  display:inline-grid;
  place-items:center;
  width:29px;
  height:29px;
  flex:none;
  border-radius:9px;
  background:#e2f4f5;
  color:#167b84;
  font-size:.95rem;
}
.eduvio-family .family-add .family-field :is(input,select){
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:none;
  height:54px;
  min-height:54px;
  margin:0;
  padding:0 16px;
  border:1.5px solid #b8cadb;
  border-radius:12px;
  background-color:#fff;
  color:#203653;
  font:700 1rem Nunito,system-ui,sans-serif;
  line-height:1.25;
  box-shadow:0 2px 5px #1740640a;
}
.eduvio-family .family-add .family-field :is(input,select):focus{
  outline:2px solid #208e9a;
  outline-offset:2px;
  border-color:#208e9a;
}
.eduvio-family .family-add .family-field input::placeholder{color:#75859b;opacity:1}
.eduvio-family .family-add .family-field select{
  appearance:none;
  padding-right:46px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232b6680' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-position:right 15px center;
  background-repeat:no-repeat;
}
.eduvio-family .family-add .family-field input[type=number]{appearance:textfield}
.eduvio-family .family-add .family-field input[type=number]::-webkit-inner-spin-button,
.eduvio-family .family-add .family-field input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}
.eduvio-family .family-subject-fieldset{margin:4px 0 22px;padding:0;border:0;min-width:0}
.eduvio-family .family-subject-fieldset legend{padding:0;color:#233957;font:900 1.02rem Manrope,system-ui,sans-serif}
.eduvio-family .subject-hint{margin:7px 0 14px;color:#607089;font-size:.92rem}
.eduvio-family .family-add .subjects{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:11px;margin:0}
.eduvio-family .family-add .subject-choice{
  position:relative;display:grid;grid-template-columns:29px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;
  min-height:67px;margin:0;padding:12px 42px 12px 13px;border:1.5px solid #d6e0ea;border-radius:15px;
  background:#fff;color:#29405c;cursor:pointer;font:800 .96rem Nunito,system-ui,sans-serif;
  box-shadow:0 3px 10px #183a5d0a;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;
}
.eduvio-family .family-add .subject-choice:hover{transform:translateY(-2px);border-color:var(--subject-color);box-shadow:0 8px 18px #183a5d17}
.eduvio-family .family-add .subject-choice.is-selected{border-color:var(--subject-color);background:color-mix(in srgb,var(--subject-color) 9%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--subject-color) 15%,transparent)}
.eduvio-family .family-add .subject-choice input{position:absolute;opacity:0;pointer-events:none}
.eduvio-family .family-add .subject-emoji{grid-row:1/-1;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:color-mix(in srgb,var(--subject-color) 13%,white);font-size:1.1rem}
.eduvio-family .family-add .subject-check{position:absolute;right:13px;top:50%;translate:0 -50%;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e8eef3;color:transparent;font-size:.78rem}
.eduvio-family .family-add .subject-choice.is-selected .subject-check{background:var(--subject-color);color:#fff}
.eduvio-family .family-add-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid #e0e8ee}
.eduvio-family .family-add-footer p{margin:0;color:#64738a;font-size:.9rem}
.eduvio-family .family-add-footer #create-child{margin:0;min-width:220px;background:linear-gradient(115deg,#176f80,#5047c8);box-shadow:0 9px 20px #214d8630}
@media(max-width:860px){
  .eduvio-family .family-add .family-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eduvio-family .family-add .family-field:first-child{grid-column:1/-1}
  .eduvio-family .family-auth-fields{grid-template-columns:1fr 1fr}
  .eduvio-family .family-auth-fields label:first-child{grid-column:1/-1}
}
@media(max-width:580px){
  .eduvio-family .family-add .family-fields{grid-template-columns:minmax(0,1fr);gap:12px;margin:18px 0 22px}
  .eduvio-family .family-add .family-field:first-child{grid-column:auto}
  .eduvio-family .family-add .family-field{padding:13px}
  .eduvio-family .family-auth-fields{grid-template-columns:1fr}
  .eduvio-family .family-auth-fields label:first-child{grid-column:auto}
  .eduvio-family .family-auth-actions{align-items:stretch;flex-direction:column}
  .eduvio-family .family-auth-actions button{width:100%;margin:0}
  .eduvio-family .family-add .subjects{grid-template-columns:1fr}
  .eduvio-family .family-add-footer{align-items:stretch;flex-direction:column}
  .eduvio-family .family-add-footer #create-child{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.eduvio-family .family-add .family-field{transition:none}.eduvio-family .family-add .family-field:focus-within{transform:none}}