@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes gt-pop-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gt-rise-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.join-class-modal-backdrop{background-color:var(--gt-scrim);z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.join-class-modal{width:90%;max-width:500px;box-shadow:var(--gt-shadow-modal);background:#fff;border-radius:12px;padding:2rem;position:relative}.join-class-modal__close{color:#424242;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease;display:flex;position:absolute;top:1rem;right:1rem}.join-class-modal__close:hover:not(:disabled){background-color:#eee}.join-class-modal__close:disabled{opacity:.5;cursor:not-allowed}.join-class-modal__content{flex-direction:column;align-items:center;gap:1rem;display:flex}.join-class-modal__title{color:#303030;margin:0;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600}.join-class-modal__subtitle{color:#424242;text-align:center;margin:0;font-family:Poppins,sans-serif;font-size:.875rem}.join-class-modal__error{background-color:var(--gt-error-soft);border:1px solid var(--gt-error);width:100%;color:var(--gt-error);text-align:center;border-radius:6px;padding:.75rem;font-family:Poppins,sans-serif;font-size:12px}.join-class-modal__success{background-color:var(--gt-success-soft);color:#2e7d32;text-align:center;border:1px solid #4caf50;border-radius:6px;width:100%;padding:.75rem;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.join-class-modal__code-container{justify-content:center;gap:.5rem;margin:1rem 0;display:flex}.join-class-modal__code-input{text-align:center;color:#303030;background:#fff;border:2px solid #dadada;border-radius:8px;width:48px;height:56px;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease}.join-class-modal__code-input:focus{box-shadow:0 0 0 3px var(--gt-primary-soft);border-color:#018156;outline:none}.join-class-modal__code-input:disabled{cursor:not-allowed;opacity:.6;background-color:#eee}.join-class-modal__code-input::placeholder{color:#424242;opacity:.4}.join-class-modal__status{color:#424242;margin:0;font-family:Poppins,sans-serif;font-size:12px}@media (width<=480px){.join-class-modal{width:95%;padding:1.5rem 1rem}.join-class-modal__code-container{gap:.3rem;margin:.5rem 0}.join-class-modal__code-input{border-radius:6px;width:32px;height:42px;font-size:1.15rem}.join-class-modal__title{font-size:1.4rem}}