nav{display:flex;justify-content:center;gap:128px;margin:12px 0}#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;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%}}}}#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}}#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;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:500px;margin:126px auto 0;color:#191819;#main-pop-quiz-title{span{font-family:var(--title)}width:100%;display:flex;justify-content:space-between;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}footer{padding:56px 0 80px;display:flex;justify-content:space-around;background-color:#191819;color:#f1ebed}#footer-links{display:flex;gap:120px}.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}