.login-bg{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-x:-moz-hidden-unscrollable;background-color:#e0e0e0}.login-card{display:flex;flex-direction:column;align-items:center;gap:1em;z-index:1;border-radius:20px;padding:120px 80px;background-color:#fff}.linear-text-gradient{background:linear-gradient(to right,#0550f0,#111135);-webkit-background-clip:text;background-clip:text;color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--coverpage-bgcolor: #1a1833;--input-page-bgcolor: #e0e0e0;--cards-page-bgcolor: #aaa7d0;--select-page-bgcolor: #3e4da1;--default-page-bgcolor: #e0e0e0}body,html{margin:0;padding:0;scroll-behavior:smooth}.cover-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--coverpage-bgcolor);color:#fff;text-align:center;height:100%}.cover-page-language{display:flex;justify-content:center;align-items:center;color:#fff;gap:1em}.cover-page-language-box{height:8em;width:12em}.input-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--default-page-bgcolor);color:#333;text-align:center;height:100%}.cards-page,.selects-page{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--default-page-bgcolor);color:#333;text-align:center;padding:1em 0;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes coverToSelect{0%{background-color:var(--coverpage-bgcolor)}to{background-color:var(--select-page-bgcolor)}}@keyframes coverToInput{0%{background-color:var(--coverpage-bgcolor)}to{background-color:var(--input-page-bgcolor)}}.input-container{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;margin:auto}.input-container-button-group{margin-top:.2em;align-self:flex-end}.gradient{background:-webkit-linear-gradient(#eee,#333);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.TopicPicker{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.selects-container{display:flex;width:70%}@font-face{font-family:Aeonik Regular;src:url(/fonts/Aeonik/Aeonik-Regular.ttf) format("truetype")}@font-face{font-family:AlQabas Regular;src:url(/fonts/AlQabas/AlQabas-Regular.ttf) format("truetype")}