.classroom-banner{max-width:1320px;margin:10px auto 0;padding:10px 18px;display:flex;align-items:center;gap:12px;color:#667085;font-size:12px}.classroom-banner span:first-child{font-weight:700;color:#a51c30}.classroom-banner span:nth-child(2){margin-left:auto}.classroom-banner .bad{color:#b42318}.classroom-banner button{border:1px solid #dfe5ec;background:white;border-radius:8px;padding:6px 10px;cursor:pointer}.classroom-overlay{position:fixed;inset:0;z-index:200;background:rgba(20,30,45,.65);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.classroom-overlay[hidden]{display:none}.classroom-join{width:440px;max-width:100%;max-height:95vh;overflow-y:auto;background:white;border-radius:20px;padding:28px;box-shadow:0 20px 80px #18203044}.classroom-join small{color:#667085;line-height:1.6}.classroom-join h2{font-size:25px;margin:12px 0}.classroom-join p{font-size:13px;line-height:1.75;color:#667085}.classroom-join label{display:block;margin:16px 0;font-size:13px;font-weight:700}.classroom-join input{display:block;margin-top:7px;width:100%;border:1px solid #dfe5ec;padding:12px;border-radius:10px;font:inherit;font-size:16px}.classroom-join button{width:100%}#classroomCode{text-transform:uppercase;letter-spacing:2px}#classroomError{color:#b42318;min-height:22px}.classroom-join button:disabled{opacity:.6}@media(max-width:600px){.classroom-banner{flex-wrap:wrap;padding:8px 10px;gap:8px}.classroom-banner span:first-child{max-width:100%;overflow-wrap:anywhere}.classroom-banner span:nth-child(2){margin-left:0}.classroom-banner button{margin-left:auto}.classroom-join{padding:22px}}