.lms-registration-start,.lms-registration-shell { width:min(100% - 2rem,74rem); margin:0 auto; padding:clamp(1.5rem,5vw,4rem) 0; }
.lms-registration-intro,.lms-registration-heading { max-width:52rem; margin-bottom:1.5rem; }
.lms-registration-heading { padding:.25rem 0; color:var(--lms-color-text-primary); background:var(--lms-color-canvas); }
.lms-registration-intro h1,.lms-registration-heading h1 { margin:.25rem 0 .5rem; font-size:clamp(1.7rem,5vw,2.6rem); }
.lms-registration-intro p,.lms-registration-heading p,.lms-registration-panel__intro { color:var(--lms-color-text-secondary); }
.lms-role-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.lms-role-card { display:flex; min-height:14rem; flex-direction:column; gap:.65rem; padding:1.25rem; border:1px solid var(--lms-color-border); border-radius:var(--lms-radius-lg); color:var(--lms-color-text-primary); background:var(--lms-color-surface); text-decoration:none; box-shadow:var(--lms-shadow-sm); }
.lms-role-card:hover,.lms-role-card:focus-visible,.lms-role-card.is-selected { border-color:var(--lms-color-brand-500); box-shadow:var(--lms-shadow-card); }
.lms-role-card p { color:var(--lms-color-text-secondary); flex:1; }
.lms-role-card > span:last-child { color:var(--lms-color-link); font-weight:700; }
.lms-role-card__icon { display:grid; place-items:center; width:3rem; height:3rem; border-radius:var(--lms-radius-md); color:var(--lms-color-brand-700); background:var(--lms-color-brand-50); }
.lms-registration-login { margin-top:1.25rem; text-align:center; }
.lms-registration-layout { display:grid; grid-template-columns:15rem minmax(0,1fr); gap:1rem; align-items:start; }
.lms-registration-stepper { position:sticky; top:1rem; padding:.75rem; border:1px solid var(--lms-color-border); border-radius:var(--lms-radius-lg); background:var(--lms-color-surface); }
.lms-registration-stepper ol { display:grid; gap:.35rem; list-style:none; margin:0; padding:0; }
.lms-registration-stepper button { width:100%; min-height:3.25rem; display:flex; align-items:center; gap:.65rem; border:0; border-radius:var(--lms-radius-md); color:var(--lms-color-text-secondary); background:transparent; text-align:start; }
.lms-registration-stepper button span { display:grid; place-items:center; width:2rem; height:2rem; border:1px solid var(--lms-color-border); border-radius:50%; }
.lms-registration-stepper button[aria-current="step"] { color:var(--lms-color-text-primary); background:var(--lms-color-surface-elevated); box-shadow:inset 0 0 0 2px var(--lms-color-brand-500); }
.lms-registration-stepper button[aria-current="step"] span { color:#fff; border-color:var(--lms-color-brand-700); background:var(--lms-color-brand-700); }
.lms-registration-form { min-width:0; }
.lms-registration-panel { padding:clamp(1rem,4vw,2rem); border:1px solid var(--lms-color-border); border-radius:var(--lms-radius-xl); background:var(--lms-color-surface); box-shadow:var(--lms-shadow-sm); }
.lms-registration-panel h2 { margin-top:0; }
.lms-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.lms-registration-field { min-width:0; }
.lms-registration-field:has(textarea),.lms-registration-field:has(input[name="address"]) { grid-column:1/-1; }
.lms-registration-actions { display:flex; justify-content:space-between; gap:.75rem; margin-top:1.5rem; }
.lms-registration-actions--end { justify-content:flex-end; }
.lms-role-grid--compact .lms-role-card { min-height:9rem; }
.lms-registration-summary { display:grid; grid-template-columns:minmax(8rem,12rem) minmax(0,1fr); gap:.25rem 1rem; margin:1rem 0; }
.lms-registration-summary dt,.lms-registration-summary dd { margin:0; padding:.55rem 0; border-bottom:1px solid var(--lms-color-divider); overflow-wrap:anywhere; }
.lms-registration-summary dt { color:var(--lms-color-text-secondary); }
.lms-registration-consents { display:grid; gap:.75rem; margin:1.25rem 0; }
.lms-consent-field label { display:flex; align-items:flex-start; gap:.65rem; padding:.85rem; border:1px solid var(--lms-color-border); border-radius:var(--lms-radius-md); }
.lms-consent-field input { margin-top:.1rem; width:1.5rem; height:1.5rem; min-width:1.5rem; min-height:1.5rem; flex:0 0 auto; }
.lms-registration-status-note { padding:1rem; border:1px solid var(--lms-color-info-border); border-radius:var(--lms-radius-md); color:var(--lms-color-info-text); background:var(--lms-color-info-bg); }
.lms-file-preview { display:grid; grid-template-columns:4rem minmax(0,1fr); gap:.75rem; align-items:center; margin-top:.65rem; padding:.75rem; border:1px solid var(--lms-color-border); border-radius:var(--lms-radius-md); background:var(--lms-color-surface-subtle); }
.lms-file-preview__thumb { width:4rem; height:4rem; border-radius:var(--lms-radius-sm); object-fit:cover; }
.lms-file-actions { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:.5rem; }
.lms-file-actions button { min-height:2.75rem; }
.lms-file-progress { grid-column:1/-1; width:100%; height:.4rem; border-radius:999px; overflow:hidden; background:var(--lms-color-divider); }
.lms-file-progress span { display:block; width:100%; height:100%; background:var(--lms-color-success-600); }
@media (max-width:900px) { .lms-registration-layout { grid-template-columns:1fr; } .lms-registration-stepper { position:static; overflow-x:auto; } .lms-registration-stepper ol { display:flex; min-width:max-content; } .lms-registration-stepper button { width:auto; min-width:8.5rem; flex-direction:column; justify-content:center; text-align:center; padding:.45rem .65rem; } .lms-registration-stepper button strong { font-size:.8rem; } }
@media (max-width:720px) { .lms-registration-start,.lms-registration-shell { width:min(100% - 1rem,74rem); padding:1rem 0 2rem; } .lms-role-grid,.lms-form-grid { grid-template-columns:1fr; } .lms-role-card { min-height:auto; } .lms-registration-panel { padding:1rem; border-radius:var(--lms-radius-lg); } .lms-registration-actions { flex-direction:column-reverse; } .lms-registration-actions .lms-btn { width:100%; } .lms-registration-summary { grid-template-columns:1fr; } .lms-registration-summary dt { padding-bottom:0; border-bottom:0; } }
@media (max-height:480px) and (orientation:landscape) { .lms-registration-stepper ol { gap:.15rem; } .lms-registration-panel { padding:.85rem; } }

@media (max-width:600px) {
  .lms-registration-stepper {
    overflow:visible;
  }

  .lms-registration-stepper ol {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    min-width:0;
  }

  .lms-registration-stepper li {
    min-width:0;
  }

  .lms-registration-stepper li:last-child {
    grid-column:1 / -1;
  }

  .lms-registration-stepper button {
    width:100%;
    min-width:0;
    flex-direction:row;
    justify-content:flex-start;
    text-align:start;
  }
}