.education-registration { max-width: 1100px; margin: 2rem auto; padding: 0 1.5rem; display: grid; grid-template-areas: "intro" "form" "help"; grid-template-columns: minmax(0, 1fr); gap: 1.5rem; align-items: start; }
.education-intro { grid-area: intro; }
.education-intro h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.2; }
.education-intro p { line-height: 1.8; }
.education-form { grid-area: form; }
.education-instructions { grid-area: help; min-width: 0; }
.education-registration [hidden] { display: none !important; }
.education-instructions p { line-height: 1.8; }
.education-instructions details { border-block: 1px solid var(--public-line, #d6ded6); padding: 1.2rem 0; }
.education-instructions details + details { border-top: 0; }
.education-instructions details p { margin-top: .6rem; }
.education-instructions summary { cursor: pointer; font-weight: 600; }
.education-privacy { font-size: .875rem; opacity: .8; }
.education-registration .auth-card { width: 100%; min-width: 0; }
.education-registration .auth-form > p { margin-bottom: 0; }
.education-modes { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.5rem; }
.education-modes a { flex: 1; padding: .7rem .5rem; border: 1px solid var(--public-line, #d6ded6); border-radius: .6rem; text-align: center; font-weight: 600; text-decoration: none; }
.education-modes a[aria-current="page"] { color: #fff; background: #315a40; border-color: #315a40; }
.education-fresh-mail { border-left: 3px solid #759259; padding-left: .8rem; margin-bottom: 1.2rem; font-size: .85rem; line-height: 1.7; }
.education-registration textarea { width: 100%; box-sizing: border-box; height: 170px; min-height: 170px; resize: vertical; font: .8rem/1.5 monospace; border: 1px solid #bdc8bf; border-radius: 10px; padding: .8rem; color: inherit; background: transparent; }
.education-registration .errorlist { padding-left: 1.2rem; color: #ad3535; }
@media (min-width: 761px) {
  .education-registration { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-areas: "intro form" "help form"; grid-template-rows: auto 1fr; margin: 4rem auto; column-gap: 3rem; }
  .education-registration textarea { height: 230px; min-height: 230px; }
}