.main--splash{background:linear-gradient(145deg,#0a1628 0%,#0d2144 50%,#0a1628 100%);flex-direction:column;justify-content:center;align-items:center;gap:0;width:100dvw;height:100dvh;display:flex;position:relative;overflow:hidden}.splash__orb{opacity:.08;pointer-events:none;border-radius:50%;position:absolute}.splash__orb--1{background:#2563eb;width:420px;height:420px;top:-120px;right:-120px}.splash__orb--2{background:#1d9e75;width:280px;height:280px;bottom:-80px;left:-80px}.splash__shield{margin-bottom:1.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards splashScaleIn}.splash__logo{text-align:center;margin-bottom:.5rem;animation:.5s .3s both splashFadeUp}.splash__university{letter-spacing:.22em;color:#60a5fa;text-transform:uppercase;margin:0 0 4px;font-size:11px}.splash__name{color:#e2e8f0;letter-spacing:.06em;margin:0;font-size:26px;font-weight:500}.splash__tagline{margin-bottom:2.5rem;animation:.5s .5s both splashFadeUp}.splash__tagline p{color:#475569;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px}.splash__loader{width:200px;animation:.5s .7s both splashFadeUp}.splash__bar{background:#1e293b;border-radius:99px;height:3px;margin-bottom:1rem;overflow:hidden}.splash__progress{background:linear-gradient(90deg,#3b82f6,#1d9e75);border-radius:99px;height:100%;animation:2.5s .9s both splashProgress}.splash__dots{justify-content:center;gap:6px;display:flex}.splash__dot{background:#60a5fa;border-radius:50%;width:7px;height:7px;animation:1.2s infinite splashPulse}.splash__dot:nth-child(2){animation-delay:.2s}.splash__dot:nth-child(3){animation-delay:.4s}@keyframes splashScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes splashFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes splashProgress{0%{width:0%}to{width:100%}}@keyframes splashPulse{0%,to{opacity:1}50%{opacity:.3}}body{overflow:hidden}:root{--color--black:#000;--color--white:#fff;--color--button--primary:#105ea7;--color--button--hover--primary:#1464af;--color--button--hover--secondary:1px;--color--button--secondary:transparent;--color--border:#c1c1c1;--color--text:#105ea7;--color--text--secondary:#000;--color--text--third:#6b6b6b}input,select,textarea{font-size:16px}.header--main{background:var(--color--white);flex-flow:row;justify-content:space-between;align-items:center;width:100dvw;padding:10px 20px;display:flex}.logo--section-main{flex-flow:row;align-items:center;gap:10px;display:flex}.logo--navbar{width:60px}.logo--text{flex-direction:column;line-height:1;display:flex}.logo--text--primary{letter-spacing:1.5px;color:var(--color--text--third);font-size:14px}.logo--text--secondary{letter-spacing:1px;color:var(--color--text--secondary);font-size:20px;font-weight:700}.navbar--section{border:1px solid var(--color--border);border-radius:10px;flex-flow:row;align-items:center;gap:20px;padding:15px 40px;display:flex}.navbar--section a{color:var(--color--text--secondary);padding:10px;text-decoration:none;transition:color .2s}.navbar--section a:hover{color:var(--color--text);font-size:18px;font-weight:700}.select--languages{border:1px solid var(--color--border);color:var(--color--text);background:0 0;border-radius:5px;padding:5px 10px;font-size:14px;font-weight:700}.select--languages:hover{border-color:var(--color--border);outline:none}.header--button-main button{background:var(--color--button--primary);color:var(--color--white);border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700}.header--button-main button:hover{background-color:var(--color--button--primary);cursor:pointer}@media screen and (width<=1024px){.logo--section-main img{width:40px}.logo--text--primary{letter-spacing:1.2px;font-size:10px}.logo--text--secondary{font-size:14px}.navbar--section{gap:5px;padding:10px 5px}.navbar--section a{padding:5px;font-size:12px}.navbar--section a:hover{font-size:13px}.select--languages{padding:5px;font-size:11px}.header--button-main button{padding:8px 15px;font-size:11px}}.hamburger{border:1px solid var(--color--border);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;transition:background .2s;display:none}.hamburger:hover{background:#f5f5f5}.hamburger span{background:var(--color--text);border-radius:2px;width:18px;height:2px;transition:all .3s;display:block}.hamburger span.open:first-child{transform:translateY(7px)rotate(45deg)}.hamburger span.open:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger span.open:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar--mobile{border:1px solid var(--color--border);z-index:100;background:#fff;border-radius:0 0 12px 12px;flex-direction:column;gap:4px;width:100%;padding:10px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 8px 20px #00000014}.navbar--mobile a{color:var(--color--text--secondary);border-radius:8px;padding:10px 15px;font-size:14px;text-decoration:none;transition:background .15s}.navbar--mobile a:hover{color:var(--color--text);background:#f5f5f5}@media screen and (width<=480px){.header--main{grid-template-areas:"navbar--section logo--section-main language--section header--button-main";padding:5px;display:grid}.logo--section-main{grid-area:logo--section-main;gap:5px}.logo--navbar{width:25px}.logo--text{flex-direction:column;line-height:1;display:flex}.logo--text--primary{font-size:10px}.logo--text--secondary{font-size:12px}.navbar--section{grid-area:navbar--section;display:none}.hamburger{display:flex}.header--main{position:relative}.navbar--section a{color:var(--color--text--secondary);padding:10px;text-decoration:none;transition:color .2s}.navbar--section a:hover{color:var(--color--text);font-size:18px;font-weight:700}.select--languages{grid-area:language--section;padding:5px;font-size:12px}.header--button-main{grid-area:header--button-main}.header--button-main button{padding:5px 10px;font-size:12px;font-weight:700}}.hero--slider{width:100dvw;height:100dvh;padding:20px}.hero--wrapper{width:100dv;border-radius:40px;height:580px;position:relative;overflow:hidden}.hero--image{object-fit:cover;border-radius:40px;width:100dvw;height:100dvh;display:block}.hero--overlay{z-index:5;width:100%;height:216px;color:var(--color--white);background:linear-gradient(#0000,#00000085,#00000083);border-radius:0 0 40px 40px;justify-content:space-between;align-items:center;padding:40px 60px;display:flex;position:absolute;bottom:0;left:0}.hero--overlay p{max-width:400px}.buttons--hero{justify-content:space-between;gap:20px;display:flex}.buttons--hero button{background:var(--color--white);border:0;border-radius:5px;padding:10px 15px}.buttons--hero button:hover{cursor:pointer;background:var(--color--white)}@media screen and (width<=1024px){.hero--slider{padding:20px}.hero--wrapper{height:580px}.hero--overlay{justify-content:space-between;align-items:center;padding:60px 20px;display:flex}.hero--overlay h2{font-size:20px}.hero--overlay p{max-width:400px;font-size:12px;line-height:1.5}}@media screen and (width<=468px){.hero--slider{padding:10px}.hero--image{height:90dvh}.hero--overlay{z-index:5;text-align:center;flex-direction:column;gap:10px;width:100%;height:216px;padding:30px;position:absolute;bottom:0;left:0}.hero--overlay p{max-width:400px}.buttons--hero{justify-content:space-between;gap:20px;display:flex}.buttons--hero button{background:var(--color--white);border:0;border-radius:5px;padding:10px 15px}.buttons--hero button:hover{cursor:pointer;background:var(--color--white)}}@media screen and (width>=768px) and (width<=1366px) and (orientation:landscape){.hero--wrapper{height:600px}}.collage{grid-template-columns:repeat(3,minmax(80px,150px));place-content:center;gap:8px;width:50%;height:100%;padding:20px;display:grid;overflow:hidden}.collage img{object-fit:cover;border-radius:16px;width:100%;height:clamp(150px,22vw,250px);display:block}.collage img:nth-child(2),.collage img:nth-child(5),.collage img:nth-child(8){transform:translateY(20px)}@media screen and (width<=1024px){.collage{grid-template-columns:repeat(3,minmax(60px,110px));gap:6px;padding:10px}.collage img{border-radius:12px;height:clamp(120px,24vw,200px)}}@media screen and (width<=768px){.collage{grid-template-columns:repeat(3,minmax(70px,1fr));width:100%;padding:8px}.collage img{height:230px}.collage img:nth-child(2),.collage img:nth-child(5),.collage img:nth-child(8){transform:translateY(10px)}}.main--login{grid-template-columns:repeat(2,1fr);width:100dvw;height:100dvh;display:grid}.collage--login--section{width:100%;height:100dvh}.card--section--login{flex-flow:column;align-items:center;gap:20px;width:100%;margin-top:50px;padding:20px;display:flex}.card--section--login form{border:1px solid var(--color--border);border-radius:10px;flex-flow:column;justify-content:space-around;align-items:center;width:601px;height:450px;padding:20px;display:flex}.title--login{color:var(--color--text)}.div--input--login input{border:1px solid var(--color--border);border-radius:5px;width:330px;height:40px;padding:10px}.separator--line{background:var(--color--border);width:330px;height:1px;margin-top:20px}.div--buttons--login{flex-direction:column;gap:20px;margin-top:20px;display:flex}.div--buttons--login button[type=submit]{background:var(--color--button--primary);width:330px;height:45px;color:var(--color--white);border:none;border-radius:5px;font-size:14px;font-weight:700}.div--buttons--login button[type=submit]:hover{background:var(--color--button--hover--primary);cursor:pointer}.div--buttons--login button[type=button]{background:var(--color--button--secondary);width:330px;height:45px;color:var(--color--text);border:none}.div--buttons--login button[type=button]:hover{cursor:pointer;opacity:.5}.all_reserved{color:var(--color--text-third);margin-top:30px;font-size:13px}@media screen and (width<=1024px){.collage--login--section{width:60%}.card--section--login{width:100%}.card--section--login form{width:450px}.card--form--login form{width:430px}}@media screen and (width<=480px){.main--login{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.collage--login--section{display:none}.card--section--login{width:100%;margin-top:0;padding:15px}.card--section--login form{width:100%}.title--login{font-size:20px}.separator--line{width:300px}.div--input--login input,.div--buttons--login button[type=submit],.div--buttons--login button[type=button]{width:300px;height:45px}}.notfound--main{background:linear-gradient(#1a5fad 0%,#5aabf0 100%);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.notfound--section{flex:1;justify-content:center;align-self:center;align-items:center;display:flex}.card--notfound{background:var(--color--white);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:1100px;height:500px;display:flex}.section--notfound--error{flex-flow:row;justify-content:center;align-items:center;gap:5px;display:flex}.section--notfound--error h2{color:#004d94;font-family:Poppins,sans-serif;font-size:150px;font-weight:700}.section--notfound--error span{background:#004d94;justify-content:center;align-items:center;width:111px;height:111px;display:flex}.circle{background:var(--color--white);border-radius:100%;width:80px;height:80px}.section--notfound--text{text-align:center}.section--notfound--text h1{color:#1a5fad;font-family:Poppins,sans-serif;font-size:40px;font-weight:700}.section--notfound--text h1 span{background:linear-gradient(90deg,#1a39ac,#36a5dd);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;line-height:1.2;display:block}.section--notfound--button{justify-content:center;display:flex}.section--notfound--button button{color:#004d94;cursor:pointer;background:0 0;border:none;padding:10px 20px}.section--notfound--button button:hover{color:#fff;background:#004d94;border-radius:5px;transition:all .3s}@media screen and (width<=1024px){.card--notfound{width:700px}}@media screen and (width<=480px){.notfound--section{padding:10px}.card--notfound{border-radius:10px;gap:20px;width:100%}.section--notfound--text{text-align:center}.section--notfound--text h1{padding:10px;font-size:30px}}.main--recoverpassword{grid-template-columns:repeat(2,1fr);width:100dvw;height:100dvh;display:grid}.collage--recoverpassword--section{width:100%;height:100dvh}.card--section--recoverpassword{flex-flow:column;align-items:center;gap:20px;width:100%;margin-top:50px;padding:20px;display:flex}.card--section--recoverpassword form{border:1px solid var(--color--border);border-radius:10px;flex-flow:column;align-items:center;gap:10px;width:601px;height:450px;padding:20px;display:flex}.titlle--recoverpassword{color:var(--color--text);margin-top:20px;font-size:24px}.description--recoverpassword{color:var(--color--text--third);text-align:center;font-size:14px}.div--input--recoverpassword input{border:1px solid var(--color--border);border-radius:5px;width:330px;height:45px;margin-top:30px;padding:10px}.div--buttons--recoverpassword{flex-direction:column;gap:20px;margin-top:20px;display:flex}.div--buttons--recoverpassword button[type=submit]{background:var(--color--button--primary);width:330px;height:45px;color:var(--color--white);border:none;border-radius:5px;font-size:14px;font-weight:700}.div--buttons--recoverpassword button[type=submit]:hover{background:var(--color--button--hover--primary);cursor:pointer}.div--buttons--recoverpassword button[type=button]{background:var(--color--button--secondary);width:330px;height:45px;color:var(--color--text);border:none}.div--buttons--recoverpassword button[type=button]:hover{cursor:pointer}@media screen and (width<=1024px){.collage--recoverpassword--section{width:60%}.card--form--recoverpassword{width:100%}.card--section--recoverpassword form{width:450px}.card--form--recoverpassword form{width:430px}}@media screen and (width<=480px){.main--recoverpassword{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.collage--recoverpassword--section{display:none}.card--section--recoverpassword{width:100%;margin-top:0;padding:15px}.card--section--recoverpassword form{width:100%;height:auto}.description--recoverpassword{font-size:12px}.card--section--recoverpassword{padding:15px}.div--input--recoverpassword input,.div--buttons--recoverpassword button[type=submit],.div--buttons--recoverpassword button[type=button]{width:300px;height:45px}}.main--about{width:100dvw;height:100dvh;overflow:hidden auto}.div--main-about{background:linear-gradient(135deg,#3c57b8,#1d2f74);flex-direction:column;align-items:center;height:100dvh;padding:10px;display:flex}.div--main-about h1{color:#fff}.footer--about{height:100dvh}.about--grid--section{grid-template:"about--mission about--values"1fr"about--vission about--values"1fr/1fr 1fr;gap:10px;width:500px;margin-top:20px;display:grid}.about--mission{color:#000;background:#fff;border-radius:20px 0 0;flex-direction:column;grid-area:about--mission;gap:10px;padding:10px;display:flex}.about--values{color:#000;background:#fbf1ad;border-radius:0 20px 20px 0;flex-direction:column;grid-area:about--values;gap:10px;padding:10px;display:flex}.about--vission{color:#fff;border:1px solid #fff;border-radius:0 0 0 20px;flex-direction:column;grid-area:about--vission;gap:10px;padding:10px;display:flex}@media screen and (width<=1024px){.div--main-about{justify-content:center}}@media screen and (width<=480px){.about--grid--section{grid-template:"about--mission"1fr"about--vission""about--values"/1fr;width:auto;margin-top:20px;display:grid}.about--mission{border-radius:10px;grid-area:about--mission;font-size:12px}.about--values{border-radius:10px;grid-area:about--values;font-size:12px}.about--vission{border-radius:10px;grid-area:about--vission;font-size:12px}}.footer{flex-direction:column;justify-content:space-between;width:100dvw;height:100dvh;display:flex}.logo--suscribe-section{flex-direction:column;align-items:center;display:flex}.logo--text-section{justify-content:space-between;align-items:center;width:100%;padding:30px;display:flex}.logo--div-footer{align-items:center;gap:5px;display:flex}.logo--div-footer img{width:60px}.logo--text-div p{font-size:16px}.logo--text-div h2{letter-spacing:1px;font-size:20px}.cardview--subscribe-section{color:#fff;background:#2563eb;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:1000px;height:200px;display:flex}.form--subscribe-footer{flex-flow:row;gap:5px;display:flex}.input--form--footer input{background:0 0;border:1px solid #d4d4d8;padding:10px 20px}.input--form--footer input::placeholder{color:#fff}.button--form--footer button{color:#fff;background:#191d23;border:none;border-radius:5px;padding:10px 20px}.button--form--footer button:hover{cursor:pointer;background:#12151a}.line--separator{border:none;border-top:1px solid #c1c1c1;width:100%;margin-top:10px;display:block}.text--info-section{grid-template-columns:repeat(3,1fr);place-items:center;gap:20px;display:grid}.address--university-section{flex-direction:column;gap:20px;display:flex}.small--info--section{flex-direction:row;gap:40px;display:flex}.small--info--section section{flex-direction:column;gap:5px;display:flex}.text--section-info h3{text-align:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:20px}.text--section-info a{color:#000;text-decoration:none}.rednetwork--section-footer{grid-template-columns:repeat(3,1fr);place-items:center;padding:20px;display:grid}.rednetwork--section-footer p{border:1px solid #c1c1c1;border-radius:5px;padding:10px 15px}.social--links{align-items:center;gap:12px;display:flex}.social--links a{color:inherit;background:#f0f0f0;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:opacity .15s;display:flex}.social--links a:hover{opacity:.5}.icon--social{width:30px}.temrs--a-section{border:1px solid #c1c1c1;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 15px;display:grid}.temrs--a-section a{color:#000;text-decoration:none}.temrs--a-section a:hover{cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:700}@media screen and (width<=1024px){.logo--text-section{padding:40px}.logo--div-footer img{width:40px}.logo--text-div p{letter-spacing:1px;font-size:12px}.logo--text-div h2{letter-spacing:1px;font-size:16px}.logo--text-section p{font-size:14px}.cardview--subscribe-section{width:670px;height:200px}.text--info-section{gap:12px}.address--university-section{padding:20px;font-size:12px}.small--info--section{gap:30px;padding:20px}.small--info--section section{gap:8px;padding:10px;font-size:12px}.text--section-info h3{font-size:12px}.text--section-info a{color:#000;text-decoration:none}.rednetwork--section-footer{padding:20px}.rednetwork--section-footer p{border-radius:5px;padding:5px 10px;font-size:12px}.social--links{gap:12px}.social--links a{width:30px;height:30px}.icon--social{width:20px}.temrs--a-section{box-sizing:5px;padding:5px 10px}.temrs--a-section a{font-size:12px}}@media screen and (width<=480px){.logo--suscribe-section{flex-direction:column;align-items:center;display:flex}.logo--text-section{flex-direction:column;align-items:center;width:100%;display:flex}.built--succesion-text{margin-top:10px}.logo--div-footer img{width:50px}.logo--text-div p{letter-spacing:1.5px;font-size:10px}.logo--text-div h2{font-size:16px}.cardview--subscribe-section{flex-direction:column;gap:10px;width:380px;height:auto}.cardview--subscribe-section h1{padding:5px;font-size:18px}.form--subscribe-footer{flex-direction:column;align-items:center;gap:10px;padding:15px}.text--info-section{grid-template-columns:repeat(1,1fr);gap:5px}.address--university-section{flex-direction:row;gap:10px;display:flex}.small--info--section{flex-direction:row;gap:15px;display:flex}.text--section-info h3{font-size:14px}.rednetwork--section-footer{grid-template-columns:repeat(1,1fr);gap:20px;padding:10px}.rednetwork--section-footer p{border:1px solid #c1c1c1;border-radius:5px;padding:10px 15px}.social--links a{width:30px;height:30px}.icon--social{width:20px}.temrs--a-section{gap:20px;padding:10px}}.main--changepassword{grid-template-columns:repeat(2,1fr);width:100dvw;height:100dvh;display:grid}.collage--changepassword{width:100%;height:100dvh}.card--view-form{flex-direction:column;align-items:center;display:flex}.card--otp-changepassword{flex-flow:column;align-items:center;gap:20px;width:100%;margin-top:50px;padding:20px;display:flex}.card--form--changepassword{flex-flow:column;gap:20px;width:100%;margin-top:50px;padding:20px;display:flex}.card--form--changepassword form{border:1px solid var(--color--border);border-radius:10px;flex-flow:column;justify-content:space-between;align-items:center;gap:10px;width:601px;height:450px;padding:20px;display:flex}.titlle--changepassword{text-align:center;color:var(--color--text);margin-top:20px;font-size:24px}.description--changepassword{text-align:center;width:400px;color:var(--color--text--third);font-size:14px}.input--otp{flex-flow:row;gap:3px;width:330px;height:45px;display:flex}.input--otp input{text-align:center;border:1px solid var(--color--border);width:53px;height:45px;color:var(--color--text);border-radius:5px;font-weight:700}.input--otp input:focus{border:1px solid var(--color--primary)}@media screen and (width<=1024px){.collage--changepassword{width:60%}.card--otp-changepassword{padding:10px}.card--form--changepassword form{width:450px}.titlle--changepassword{font-size:18px}.description--changepassword{width:330px;font-size:12px}}@media screen and (width<=480px){.main--changepassword{flex-direction:column;justify-content:center;align-items:center;height:100dvh;display:flex}.collage--changepassword{display:none}.card--otp-changepassword{width:100%;margin-top:0;padding:15px}.card--form--changepassword form{width:100%;height:auto}.titlle--changepassword{font-size:16px}.description--changepassword{width:200px;font-size:12px}.input--otp{justify-content:center;gap:5px;width:300px}.input--otp input{width:45px;height:45px}}.dashboard--student{grid-template-rows:90px 1fr 80px;width:100dvw;height:100dvh;display:grid}.course--section{height:auto}.logout--aside{width:100dvw;padding:10px}.logout--aside button{color:#ff383e;background:#ffd9d9;border:1px solid #fec9ca;border-radius:5px;padding:5px 20px}.logout--aside button:hover{cursor:pointer;background:#fed4d4}.logout-toast{border:1px solid var(--color--border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:300px;padding:16px;display:flex;box-shadow:0 8px 20px #0000001f}.logout-toast h3{color:var(--color--text)}.logout-toast p{color:var(--color--text--third);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.logout-toast__buttons{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.logout-toast__buttons .cancel{border:1px solid var(--color--border);background:0 0;border-radius:5px;padding:5px 10px;font-size:14px}.logout-toast__buttons .cancel:hover{cursor:pointer;opacity:var(--color--button--hover--secondary)}.logout-toast__buttons .confirm{background:var(--color--button--primary);color:var(--color--white);border:1px solid var(--color--border);border-radius:5px;padding:5px 10px;font-size:14px}.logout-toast__buttons .confirm:hover{cursor:pointer;background:var(--color--button--hover--primary)}*{box-sizing:border-box;margin:0;padding:0}.header--user--main{background-color:#33495d;grid-template-areas:"name--university--section a--section icon--section profile--menu";justify-content:space-between;align-items:center;width:100dvw;padding:15px;display:grid}.name--university--section{grid-area:name--university--section}.name--text{cursor:pointer;flex-direction:column;display:flex}.text--primary{letter-spacing:1.5px;color:var(--color--white);font-size:14px}.text--secondary{letter-spacing:1px;color:var(--color--white);font-size:20px;font-weight:700}.a--section{flex-flow:row;grid-area:a--section;align-items:center;gap:15px;padding:10px;display:flex;position:relative}.nav--item{flex:none;position:relative}.nav--link{color:var(--color--white);white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:10px;font-family:inherit;font-size:16px;text-decoration:none;display:flex}.nav--link:hover{cursor:pointer;background:#4f6172;font-weight:700}.nav--arrow{color:var(--color--white);font-size:20px}.nav--submenu{background:var(--color--white);border:1px solid var(--color--border);z-index:9999;border-radius:10px;flex-direction:column;gap:5px;width:220px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 20px #0000002e}.nav--submenu a{color:var(--color--text--secondary);white-space:nowrap;border-radius:5px;padding:10px 12px;font-size:14px;text-decoration:none}.nav--submenu a:hover{color:#0b4aa3;background:#f2f7fd;font-weight:700}.icon--section{flex-flow:row;grid-area:icon--section;display:flex}.icon--section button{background:0 0;border:none;border-radius:100%;width:60px;height:60px;padding:5px}.icon--section button:hover{background:#6b7280}.material-symbols-outlined{color:#fff}.profile--menu{grid-area:profile--menu;justify-content:center;align-items:center;display:flex;position:relative}.profile-button{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:55px;height:55px;padding:0;overflow:hidden;box-shadow:0 2px 8px #00000040}.profile-button__image{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.profile-dropdown{border:1px solid var(--color--border);z-index:999;background:#fff;border-radius:10px;flex-direction:column;gap:4px;width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 20px #0000001f}.profile-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--color--text--secondary);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500}.profile-dropdown button:hover{color:var(--color--text);background:#f5f5f5}.profile-dropdown__logout{color:#c0392b!important}.profile-dropdown__logout:hover{background:#ffecec!important}@media screen and (width<=480px){.name--text{line-height:1}.text--primary{letter-spacing:1px;font-size:9px}.text--secondary{letter-spacing:1px;font-size:14px}.a--section{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overflow:auto hidden}.a--section::-webkit-scrollbar{display:none}.icon--section button{width:30px;height:30px}.material-symbols-outlined{color:#fff;font-size:25px}.profile-button{width:30px;height:30px}}@media screen and (width<=1024px){.header--user--main{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name--university--section icon--section profile--menu""a--section a--section a--section"}.name--university--section{grid-area:name--university--section}.text--primary{letter-spacing:1.5px;color:var(--color--white);font-size:10px}.text--secondary{letter-spacing:1px;color:var(--color--white);font-size:16px;font-weight:700}.a--section{border-top:1px solid #ffffff26;flex-flow:row;grid-area:a--section;align-items:center;gap:10px;margin-top:15px;padding:10px;display:flex;position:relative}.nav--item{flex:none;position:relative}.nav--link{color:var(--color--white);white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:5px;padding:10px;font-family:inherit;font-size:16px;text-decoration:none;display:flex}.nav--link:hover{cursor:pointer;background:#4f6172;font-weight:700}.nav--arrow{color:var(--color--white);font-size:20px}.nav--submenu{top:calc(100% + 8px)}.nav--submenu a{color:var(--color--text--secondary);white-space:nowrap;border-radius:5px;padding:10px 12px;font-size:14px;text-decoration:none}.nav--submenu a:hover{color:#0b4aa3;background:#f2f7fd;font-weight:700}.icon--section{flex-flow:row;grid-area:icon--section;display:flex}.icon--section button{background:0 0;border:none;border-radius:100%;width:60px;height:60px;padding:5px}.icon--section button:hover{background:#6b7280}.material-symbols-outlined{color:#fff}.profile--menu{grid-area:profile--menu;justify-content:center;align-items:center;display:flex;position:relative}.profile-button{cursor:pointer;background:0 0;border:2px solid #fff;border-radius:50%;width:55px;height:55px;padding:0;overflow:hidden;box-shadow:0 2px 8px #00000040}.profile-button__image{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.profile-dropdown{border:1px solid var(--color--border);z-index:999;background:#fff;border-radius:10px;flex-direction:column;gap:4px;width:180px;padding:8px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 20px #0000001f}.profile-dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--color--text--secondary);background:0 0;border:none;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:500}.profile-dropdown button:hover{color:var(--color--text);background:#f5f5f5}.profile-dropdown__logout{color:#c0392b!important}.profile-dropdown__logout:hover{background:#ffecec!important}}