#nav-desktop{display:flex;justify-content:center;gap:128px;margin:12px 0}#nav-mobile{display:none;position:relative;align-items:center;justify-content:space-around;padding:12px 0;background-color:white;#nav-mobile-links{position:absolute;z-index:2;top:0;height:0;width:100%;background-color:white;display:flex;flex-direction:column;align-items:center;padding-top:128px;gap:24px;li{list-style:none;position:relative;top:0;opacity:0;pointer-events:none;display:flex;justify-content:center;border-bottom:1px solid var(--primary);align-items:center;font-weight:700;transition:.5s cubic-bezier(0,.8,.47,.99);width:-moz-fit-content;width:fit-content;padding:12px 12px 12px 32px;img{position:relative;filter:brightness(0);transition:.5s cubic-bezier(0,.8,.47,.99)}}li.active{top:10;opacity:1;pointer-events:all}#nav-mobile-back{border:none;position:absolute;transition:.2s ease-out;opacity:0;pointer-events:none;right:-12;font-size:16px;padding:12px 12px 12px 24px;border-radius:24px 0 0 24px;display:flex;gap:8px;align-items:center;color:var(--primary);top:100px;background-color:#e6e6e6}#nav-mobile-back.active{right:0;opacity:1;pointer-events:all}}#nav-mobile-links.active{height:100dvh}#nav-toggle{position:relative;z-index:2;border:none;width:48px;height:48px;border-radius:99px;background-color:#641227}#nav-mobile-dashboard{z-index:2}#nav-toggle:after,#nav-toggle:before{content:"";transition:.2s ease-out;position:absolute;height:2px;width:60%;background-color:white;left:50%;rotate:0deg;translate:-50% 0}#nav-toggle.active:after,#nav-toggle.active:before{width:50%}#nav-toggle:before{top:42%}#nav-toggle:after{top:57%}#nav-toggle.active:before{top:50%;rotate:45deg}#nav-toggle.active:after{top:50%;rotate:-45deg}}#nav-links{font-weight:700;display:flex;align-items:center;justify-content:space-between;width:100%;gap:48px;#nav-account-and-notifications{display:flex;gap:24px}#nav-account,#nav-notifications,#nav-subjects{list-style:none;position:relative;width:-moz-fit-content;width:fit-content;height:50px;display:flex;align-items:center;padding:4px 8px;gap:8px;&:after{content:"";transition:.2s cubic-bezier(0,.71,.32,1);position:absolute;bottom:0;right:0;width:0;height:2px;background-color:var(--primary)}}#nav-account:hover>.nav-dropdown,#nav-notifications:hover>.nav-dropdown,#nav-subjects:hover>.nav-dropdown{right:50%;opacity:1;pointer-events:all}.nav-dropdown{position:absolute;pointer-events:none;opacity:0;top:57px;transition:.5s cubic-bezier(0,.8,.47,.99);right:30%;transform:translateX(50%);border:2px solid #641227;border-radius:24px;&:not(.notifications){padding:24px 40px}background-color:white;z-index:2;display:flex;min-width:150px;ul{display:flex;flex-direction:column;gap:12px}ul:first-of-type{border-left:2px solid #641227;padding-left:32px}ul:last-of-type{margin-right:32px}li{list-style:none;display:flex;justify-content:space-between;align-items:center;transition:.5s cubic-bezier(0,.8,.47,.99);width:110px;padding:4px 8px;border-radius:8px;img{position:relative;transition:.5s cubic-bezier(0,.8,.47,.99)}}li.hovered{background-color:#f1ebedFF;img{opacity:1;left:0}}li:not(.hovered)>img{left:5px;opacity:0}.nav-dropdown-feature{a{all:unset;position:relative;cursor:pointer;color:#191819;transition:.3s ease-out;padding:10px 0 10px 15px;&:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background-color:#641227;transition:.5s cubic-bezier(0,.8,.47,.99)}}a:hover{color:#641227;&:after{width:100%}}}&.account{flex-direction:column;gap:12px;.nav-profile-trial{text-align:center}hr{margin-bottom:4px}.nav-profile{display:flex;align-items:center;gap:6px;figcaption{:first-child{color:#191819}:last-child{color:#555555;font-size:12px}}}.nav-profile-login-logout,.nav-profile-settings{all:unset;cursor:pointer;display:flex;gap:6px;font-size:14px;align-items:center;transition:.5s cubic-bezier(0,.8,.47,.99);width:calc(100% - 24px);padding:8px 16px;border-radius:8px;color:#191819;img{filter:brightness(0) saturate(100%) invert(7%) sepia(8%) saturate(173%) hue-rotate(251deg) brightness(97%) contrast(93%)}}.nav-profile-login-logout:hover,.nav-profile-settings:hover{background-color:#f1ebedFF;color:var(--primary);img{filter:brightness(0) saturate(100%) invert(12%) sepia(25%) saturate(7460%) hue-rotate(327deg) brightness(81%) contrast(96%)}padding:8px 20px 8px 8px}}}#nav-account:hover,#nav-notifications:hover,#nav-subjects:hover{&:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:2px;background-color:var(--primary)}}#nav-account-and-notifications{width:100%;justify-content:end}#nav-ai-chatbot{all:unset;cursor:pointer;height:40px;padding:0 24px;gap:8px;border-radius:99px;color:#8a898a;border:1px solid #641227ff}#nav-ai-chatbot,#nav-subjects-and-logo{width:100%;display:flex;align-items:center}#nav-subjects-and-logo{list-style:none;gap:15%;margin:0}}@media (max-width:1000px){#nav-desktop{display:none}#nav-mobile{display:flex}}#main-promotion{width:-moz-fit-content;width:fit-content;margin:24px auto 0;display:flex;align-items:center;gap:12px;padding:4px 20px 4px 32px;border-radius:99px;text-decoration:none;background:linear-gradient(to top left,rgba(100,18,39,1),rgba(181,128,140,1));color:#e0cdd2}#main-title{margin-top:28px}#main-quote{margin-top:24px;text-align:center;color:#686768}#main-progress{width:200px;height:200px;position:relative;display:grid;place-content:center;background-color:white;border-radius:999px;.main-progress-text{text-align:center;font-size:.875rem;color:#555555}.main-progress-number{text-align:center;font-family:var(--title);font-size:3rem;color:#191819}}#main-subject-selection-content{position:relative;top:54px;width:900px;height:66px;border-top:1px solid #641227ff;border-left:1px solid #641227ff;border-bottom:1px solid #641227ff;border-radius:99px;display:flex;align-items:center;margin:auto;#main-progress{position:absolute}#main-subject-selection{display:flex;gap:4px;align-items:center;margin:auto}#main-subject-selection-button{all:unset;text-align:center;position:relative;cursor:pointer;display:flex;align-items:center;padding:4px 12px;border-radius:12px;background:linear-gradient(to top right,rgba(100,18,39,1),rgba(181,128,140,1));color:#f1ebed;#main-subject-selection-dropdown{position:absolute;transition:.5s cubic-bezier(0,.8,.47,.99);top:25px;pointer-events:none;opacity:0;right:50%;translate:50% 0;background-color:white;padding:16px;border-radius:10px;border:1px solid #641227;width:500px;height:100px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;.main-subject-selection-subject{list-style:none;color:#191819;width:calc(100% - 2*8px);height:calc(100% - 2*8px);display:flex;justify-content:center;padding:8px;align-items:center;border-bottom:1px solid #b5808c;border-radius:0;background-color:white;transition:1s cubic-bezier(0,.85,.23,1.01)}.main-subject-selection-subject.hovered{background-color:#f1ebedFF;color:#641227;border-radius:8px}}#main-subject-selection-dropdown.active{top:40px;pointer-events:all;opacity:1}}}#main-pop-quiz{width:min(80%,500px);margin:126px auto 0;color:#191819;#main-pop-quiz-title{span{font-family:var(--title);#main-pop-quiz-title-lesson{font-family:var(--body);font-size:16px}}width:100%;display:flex;justify-content:space-between;align-items:center;font-size:28px}#main-pop-quiz-question{margin-top:24px;font-size:1.125rem;line-height:1.5rem}#main-pop-quiz-options{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;column-gap:20px;grid-row-gap:12px;row-gap:12px;.main-pop-quiz-option{all:unset;cursor:pointer;height:40px;text-align:center;transition:.5s cubic-bezier(0,.78,.34,.99);color:#b5808c;border:2px solid #b5808c;border-radius:99px}}#main-pop-quiz-next{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:32px;width:100%;height:36px;border-radius:99px;background-color:#641227;text-align:center}}#main-splitter{margin:88px 0 64px;width:100%}#main-features{position:relative;margin-bottom:96px;display:grid;grid-template-columns:repeat(2,374px);grid-row-gap:64px;row-gap:64px;grid-column-gap:72px;column-gap:72px;place-content:center;place-items:center;.main-feature{height:160px;width:100%;display:flex;flex-direction:column;gap:18px;text-decoration:none;color:#191819;background-repeat:no-repeat;background-position:0 100%;p{line-height:1.5;width:55%}}}#main-feature-splitter{position:absolute;pointer-events:none}@media (max-width:1000px){main{overflow-x:hidden;#main-title{font-size:28px}#main-progress{scale:.8;right:-24px}#main-subject-selection-content{width:80%;height:96px;margin:auto;#main-subject-selection{position:relative;flex-direction:column;gap:12px;color:#555555;left:-64px;#main-subject-selection-dropdown{width:200%;height:-moz-fit-content;height:fit-content;z-index:2;grid-template-columns:repeat(2,1fr)}}}#main-pop-quiz{#main-pop-quiz-title{font-size:22px}}#main-splitter{display:none}#main-features{margin-top:56px;grid-template-columns:repeat(2,300px);.main-feature{h2{font-size:20px}}}#main-feature-splitter{width:90%}}}@media (max-width:750px){main{#main-features{grid-template-columns:repeat(1,300px);.main-feature{border-bottom:2px solid #191819;background-position:0}}#main-feature-splitter{display:none}}}@media (max-width:400px){main{#main-subject-selection-content{width:90%}}}footer{padding:56px 0 80px;display:flex;justify-content:space-around;background-color:#191819;color:#f1ebed}#footer-links{display:flex;gap:120px}@media (max-width:1000px){footer{flex-direction:column;align-items:center}#footer-links{gap:12px;ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;row-gap:24px;justify-content:center;li{width:70px}text-align:center}}.footer-link-title{text-align:center}}.footer-part{display:flex;flex-direction:column;gap:32px;ul{display:flex;flex-direction:column;gap:20px;list-style:none}}.footer-link-title{font-size:16px;font-family:var(--body);font-weight:700;margin:0;color:white}.footer-link{font-size:14px;margin:0;color:white}