.teacher-class-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin-top:clamp(2.5rem,6vw,5rem);padding:clamp(2rem,5vw,4.5rem);border-radius:32px;background:linear-gradient(135deg,#103e37 0%,#175a50 100%);color:#fff;box-shadow:0 24px 60px rgba(11,55,48,.16)}
.teacher-class-copy h2{max-width:760px;margin:.55rem 0 1rem;color:#fff;font-size:clamp(2rem,4vw,3.65rem);line-height:1.02}.teacher-class-copy>p{max-width:720px;color:#d9eeea;font-size:1.06rem;line-height:1.7}.teacher-class-intro .kicker{color:#89d7c9}.teacher-class-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem}.teacher-class-actions .button-primary{background:#fff;color:#103e37}.teacher-class-actions .button-primary:hover{background:#f3fbf8}.teacher-class-actions .text-link{color:#fff}
.teacher-class-steps{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.teacher-class-steps li{display:grid;grid-template-columns:2.75rem 1fr;gap:1rem;align-items:start;padding:1.15rem;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(255,255,255,.08)}.teacher-class-steps li>span{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:50%;background:#f4c967;color:#123f38;font-weight:800}.teacher-class-steps strong{display:block;margin:.1rem 0 .3rem;font-size:1.02rem}.teacher-class-steps p{margin:0;color:#d9eeea;line-height:1.5}
.class-create-panel{scroll-margin-top:7rem;border:2px solid #b8ddd5}.class-create-panel .class-create-intro{max-width:760px}.class-invite-help{margin:.5rem 0 1.25rem;color:#526b66}.class-code-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem}.class-code-copy{border:1px solid #17695b;border-radius:999px;background:#fff;color:#14584d;padding:.55rem .85rem;font:inherit;font-weight:700;cursor:pointer}.class-code-copy:hover,.class-code-copy:focus-visible{background:#eaf7f4}.copy-status{min-height:1.4em;color:#17695b;font-weight:700}
@media(max-width:820px){.teacher-class-intro{grid-template-columns:1fr;padding:1.5rem;border-radius:24px}.teacher-class-actions{align-items:stretch;flex-direction:column}.teacher-class-actions a{text-align:center}.teacher-class-steps li{grid-template-columns:2.5rem 1fr}.teacher-class-steps li>span{width:2.4rem;height:2.4rem}}
@media(prefers-reduced-motion:reduce){.teacher-class-intro *{scroll-behavior:auto!important;transition:none!important}}