.rg-hero{animation:.62s cubic-bezier(.21,.6,.35,1) both rg-rise}.rg-fork{background-color:var(--paper);flex-direction:column;flex:1;min-height:0;display:flex}.rg-door{--rg-soft:var(--paper);--rg-solid:var(--ink);background-color:var(--rg-soft);min-width:0;min-height:180px;color:var(--ink);flex:1;transition:flex-grow .52s cubic-bezier(.21,.6,.35,1),background-color .52s cubic-bezier(.21,.6,.35,1),color .32s;animation:.62s cubic-bezier(.21,.6,.35,1) both rg-rise;display:flex;position:relative;overflow:hidden}.rg-door[data-role=student]{--rg-soft:#f3efff;--rg-solid:#6d28d9}.rg-door[data-role=teacher]{--rg-soft:#e9f7f4;--rg-solid:#0f766e}.rg-door[data-role=school]{--rg-soft:#fbf1df;--rg-solid:#b45309}.rg-door:nth-child(2){animation-delay:80ms}.rg-door:nth-child(3){animation-delay:.16s}@keyframes rg-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rg-index{color:var(--rg-solid);transition:color .32s}.rg-line{color:var(--ink-soft);transition:color .32s}.rg-arrow{color:var(--ink);transition:color .32s,transform .32s}.rg-door:hover,.rg-door:focus-visible{background-color:var(--rg-solid);color:#fff}.rg-door:focus-visible{outline-offset:-6px;outline:3px solid #fff}.rg-door:hover .rg-index,.rg-door:hover .rg-line,.rg-door:hover .rg-arrow,.rg-door:focus-visible .rg-index,.rg-door:focus-visible .rg-line,.rg-door:focus-visible .rg-arrow{color:#ffffffd1}.rg-door:hover .rg-line,.rg-door:focus-visible .rg-line{color:#ffffffeb}.rg-door:hover .rg-arrow,.rg-door:focus-visible .rg-arrow{transform:translate(8px)}@media (min-width:1024px){.rg-fork{flex-direction:row}.rg-door{min-height:0}:is(.rg-fork:has(.rg-door:hover) .rg-door:not(:hover),.rg-fork:has(.rg-door:focus-visible) .rg-door:not(:focus-visible)){flex-grow:.8}.rg-door:hover,.rg-door:focus-visible{flex-grow:1.55}}@media (prefers-reduced-motion:reduce){.rg-hero,.rg-door{transition:none;animation:none}.rg-arrow,.rg-index,.rg-line{transition:none}.rg-door:hover .rg-arrow,.rg-door:focus-visible .rg-arrow{transform:none}}