.app-module__5LxE3W__page{--tw-gradient-position:to bottom;min-height:100vh;position:relative;overflow:hidden}@supports (background-image:linear-gradient(in lab, red, red)){.app-module__5LxE3W__page{--tw-gradient-position:to bottom in oklab}}.app-module__5LxE3W__page{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-indigo-900,#312c85);--tw-gradient-via:var(--color-purple-900,#59168b);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:var(--color-black,#000);padding:calc(var(--spacing,.25rem)*6)}@supports (color:lab(0% 0 0)){.app-module__5LxE3W__page{--tw-gradient-from:var(--color-indigo-900,lab(23.3911% 24.6978 -50.4718));--tw-gradient-via:var(--color-purple-900,lab(24.9401% 45.2703 -51.2728))}}.app-module__5LxE3W__background{inset:calc(var(--spacing,.25rem)*0);position:absolute;overflow:hidden}.app-module__5LxE3W__selectionWrapper{z-index:10;max-width:var(--container-4xl,56rem);margin-inline:auto;margin-top:6em;position:relative}.app-module__5LxE3W__selectionHeader{margin-bottom:calc(var(--spacing,.25rem)*3);text-align:center}.app-module__5LxE3W__selectionTitle{margin-bottom:calc(var(--spacing,.25rem)*3);font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff)}.app-module__5LxE3W__selectionSubtitle{margin-bottom:calc(var(--spacing,.25rem)*5);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));color:var(--color-indigo-200,#c7d2ff)}@supports (color:lab(0% 0 0)){.app-module__5LxE3W__selectionSubtitle{color:var(--color-indigo-200,lab(84.4329% 3.18977 -23.9688))}}.app-module__5LxE3W__roleGrid{gap:calc(var(--spacing,.25rem)*6);display:grid}@media (min-width:48rem){.app-module__5LxE3W__roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton{border-radius:var(--radius-3xl,1.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton{border-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton{background-color:color-mix(in oklab,var(--color-white,#fff)10%,transparent)}}.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton{padding:calc(var(--spacing,.25rem)*8);--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-lg,16px));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){:is(.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton):hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);background-color:#fff3}@supports (color:color-mix(in lab, red, red)){:is(.app-module__5LxE3W__teacherButton,.app-module__5LxE3W__studentButton):hover{background-color:color-mix(in oklab,var(--color-white,#fff)20%,transparent)}}}.app-module__5LxE3W__roleCard{flex-direction:column;align-items:center;display:flex}.app-module__5LxE3W__teacherIcon{margin-bottom:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-2xl,1rem);background-color:var(--color-purple-500,#ac4bff);--tw-gradient-position:to bottom right}@supports (color:lab(0% 0 0)){.app-module__5LxE3W__teacherIcon{background-color:var(--color-purple-500,lab(52.0183% 66.11 -78.2316))}}@supports (background-image:linear-gradient(in lab, red, red)){.app-module__5LxE3W__teacherIcon{--tw-gradient-position:to bottom right in oklab}}.app-module__5LxE3W__teacherIcon{background-image:linear-gradient(var(--tw-gradient-stops));padding:calc(var(--spacing,.25rem)*6);--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.app-module__5LxE3W__teacherIcon:is(:where(.app-module__5LxE3W__group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.app-module__5LxE3W__studentIcon{margin-bottom:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-2xl,1rem);background-color:var(--color-amber-500,#f99c00);--tw-gradient-position:to bottom right}@supports (color:lab(0% 0 0)){.app-module__5LxE3W__studentIcon{background-color:var(--color-amber-500,lab(72.7183% 31.8672 97.9407))}}@supports (background-image:linear-gradient(in lab, red, red)){.app-module__5LxE3W__studentIcon{--tw-gradient-position:to bottom right in oklab}}.app-module__5LxE3W__studentIcon{background-image:linear-gradient(var(--tw-gradient-stops));--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media (hover:hover){.app-module__5LxE3W__studentIcon:is(:where(.app-module__5LxE3W__group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.app-module__5LxE3W__roleIconStudent{width:calc(var(--spacing,.25rem)*39);height:calc(var(--spacing,.25rem)*39);background-image:url(../media/student-icon.36a1d159.png);background-position:50%;background-repeat:no-repeat;background-size:17rem}.app-module__5LxE3W__roleIconTeacher{width:calc(var(--spacing,.25rem)*29);height:calc(var(--spacing,.25rem)*29);background-image:url(../media/teacher-icon.97f7b740.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.app-module__5LxE3W__roleTitle{margin-bottom:calc(var(--spacing,.25rem)*3);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff)}.app-module__5LxE3W__roleText{text-align:center;color:var(--color-indigo-200,#c7d2ff)}@supports (color:lab(0% 0 0)){.app-module__5LxE3W__roleText{color:var(--color-indigo-200,lab(84.4329% 3.18977 -23.9688))}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}