.join-page{min-height:100dvh;padding:24px;display:flex;justify-content:center}.join-page,.join-page *{box-sizing:border-box}.join-column{container-type:inline-size;width:100%;max-width:420px;display:flex;flex-direction:column;gap:22px;align-self:flex-start}.join-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) min(150px,39.5cqw);min-height:min(150px,39.5cqw);overflow:hidden;border:var(--st-border);border-radius:var(--st-radius-card);background:var(--st-sky);box-shadow:var(--st-shadow);transform:rotate(-1deg)}.join-hero-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:min(16px,4.2cqw) 0 min(16px,4.2cqw) min(18px,4.7cqw)}.join-hero-hi{font-size:min(32px,8.4cqw);font-weight:800;line-height:1.05}.join-hero-line{font-size:min(17px,4.47cqw);font-weight:700;line-height:1.25}.join-hero-ko{align-self:flex-start;margin-top:min(8px,2.1cqw);padding:1px min(12px,3.16cqw);border:2px solid var(--st-ink);border-radius:999px;background:var(--st-yellow);font-size:min(15px,3.95cqw)}.join-hero-coco{position:relative}.join-hero-coco img{position:absolute;right:min(-6px,-1.6cqw);bottom:min(-22px,-5.8cqw);width:auto;height:min(146px,38.4cqw);transform-origin:bottom center;animation:join-coco-bob 2.4s ease-in-out infinite}@keyframes join-coco-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(2deg)}}.join-card{padding:22px 20px;border:var(--st-border);border-radius:var(--st-radius-card);background:var(--st-card);box-shadow:var(--st-shadow)}.join-card h1{font-size:26px}.join-card button:disabled{opacity:.6;cursor:progress}.join-card .student-primary-button:not(:disabled){box-shadow:3px 3px 0 var(--st-ink);transition:transform 80ms ease,box-shadow 80ms ease}.join-card .student-primary-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:0 0 0 var(--st-ink)}.join-card #student-pin{min-height:60px!important;font-size:30px!important;font-weight:800;letter-spacing:.5em;text-align:center;padding-left:.5em!important}.join-card #class-code{min-height:56px!important;font-size:22px!important;font-weight:800;letter-spacing:.15em;text-transform:uppercase}@media (max-width:420px){.join-page{padding:16px}}@media (prefers-reduced-motion:reduce){.join-hero-coco img{animation:none}.join-card .student-primary-button{transition:none}}.auth-footer{display:grid;grid-gap:8px;gap:8px;margin-top:18px;color:var(--st-muted);font-size:15px}.auth-footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--st-ink);font-weight:800;text-decoration:underline;text-underline-offset:3px}.auth-footer a:focus-visible,.join-card a:focus-visible,.join-card button:focus-visible{outline:3px solid var(--st-accent);outline-offset:3px}