.rtY4TW_roleGrid{margin-top:var(--spacing-32);gap:var(--spacing-16);display:grid}@media (min-width:640px){.rtY4TW_roleGrid{grid-template-columns:repeat(2,1fr)}}.rtY4TW_roleCard{border-radius:var(--radius-lg);border:2px solid var(--border-default);background:var(--surface-card);padding:var(--spacing-24);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default), box-shadow var(--duration-fast) var(--ease-default)}.rtY4TW_roleCard:hover{border-color:var(--border-strong);box-shadow:var(--elev-whisper)}.rtY4TW_roleCard:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.rtY4TW_roleIconWrap{border-radius:var(--radius-full);width:64px;height:64px;transition:background var(--duration-fast) var(--ease-default);justify-content:center;align-items:center;margin:0 auto;display:flex}.rtY4TW_roleIconTeacher{background:var(--green-50)}.rtY4TW_roleCard:hover .rtY4TW_roleIconTeacher{background:var(--green-100)}.rtY4TW_roleIconStudent{background:var(--status-info-bg)}.rtY4TW_roleCard:hover .rtY4TW_roleIconStudent{background:var(--cyan-100)}.rtY4TW_roleIconSvg{width:32px;height:32px}.rtY4TW_roleIconSvgTeacher{color:var(--green-600)}.rtY4TW_roleIconSvgStudent{color:var(--cyan-600)}.rtY4TW_roleTitle{margin-top:var(--spacing-16);font-family:var(--font-heading);font-size:var(--heading-5-size);font-weight:var(--weight-semibold);color:var(--text-primary)}.rtY4TW_roleSub{margin-top:var(--spacing-4);font-family:var(--font-body);font-size:var(--body-sm-size);color:var(--text-secondary)}