body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden;scroll-behavior:smooth}.landing-page{animation:landing-page-fade-in .6s ease-out;background:linear-gradient(135deg,#000,#1b118b);min-height:100vh;overflow:hidden;position:relative}@keyframes landing-page-fade-in{0%{opacity:0}to{opacity:1}}.landing-page:before{animation:landing-particles 30s ease-in-out infinite;background-image:radial-gradient(8px 8px at 20% 30%,#ffffff4d,#0000),radial-gradient(8px 8px at 60% 70%,#fff3,#0000),radial-gradient(4px 4px at 50% 50%,#ffffff40,#0000),radial-gradient(4px 4px at 80% 10%,#fff3,#0000),radial-gradient(8px 8px at 90% 60%,#ffffff26,#0000),radial-gradient(4px 4px at 30% 80%,#fff3,#0000);background-size:200% 200%;content:"";height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes landing-particles{0%,to{background-position:0 0,100% 100%,50% 50%,0 100%,100% 0,50% 100%}50%{background-position:100% 100%,0 0,100% 0,50% 50%,0 100%,100% 50%}}.landing-page:after{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.5;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.landing-page .container{margin:0 auto;max-width:1300px;padding:0 20px;position:relative;z-index:1}.landing-page .header{animation:landing-header-slide-down .8s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000080;border-bottom:1px solid #ffffff1a;left:0;padding:20px 0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:100}@keyframes landing-header-slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.landing-page .header.scrolled{background:#000000e6;box-shadow:0 4px 30px #1b118b80}.landing-page .nav{align-items:center;display:flex;justify-content:space-between}.landing-page .logo{align-items:center;animation:landing-logo-entrance .8s ease-out .4s both;cursor:pointer;display:flex;gap:10px;transition:transform .3s ease}@keyframes landing-logo-entrance{0%{opacity:0;transform:scale(.8) translateX(-20px)}to{opacity:1;transform:scale(1) translateX(0)}}.landing-page .logo:hover{transform:scale(1.05)}.landing-page .logo-icon img{animation:landing-logo-pulse 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,213,61,.6));height:70px;margin-right:-15px;object-fit:contain;transition:transform .2s ease;width:70px}@keyframes landing-logo-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,213,61,.6))}50%{filter:drop-shadow(0 0 20px rgba(255,213,61,.8))}}.landing-page .logo-text{color:#fff;font-size:22px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 10px #ffffff80}.landing-page .nav-links{align-items:center;animation:landing-nav-links-entrance .8s ease-out .6s both;display:flex;gap:35px}@keyframes landing-nav-links-entrance{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.landing-page .nav-links a{animation:landing-nav-link-pop .5s ease-out both;color:#ffffffe6;font-size:15px;font-weight:600;letter-spacing:.5px;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.landing-page .nav-links a:first-child{animation-delay:.8s}.landing-page .nav-links a:nth-child(2){animation-delay:.9s}.landing-page .nav-links a:nth-child(3){animation-delay:1s}.landing-page .nav-links a:nth-child(4){animation-delay:1.1s}@keyframes landing-nav-link-pop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-page .nav-links a:after{background:linear-gradient(90deg,#ffd93d,#ff6b6b);border-radius:2px;bottom:0;box-shadow:0 0 10px #ffd53d80;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.landing-page .nav-links a:hover{color:#ffd93d;text-shadow:0 0 10px #ffd53d80}.landing-page .nav-links a.active{color:#ffd93d}.landing-page .nav-links a.active:after,.landing-page .nav-links a:hover:after{width:100%}.landing-page .hamburger{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:8px;transition:all .3s ease;z-index:1001}.landing-page .hamburger span{background:#fff;border-radius:3px;box-shadow:0 0 5px #ffd53d4d;height:3px;transition:all .3s ease;width:28px}.landing-page .hamburger:hover span{background:#ffd93d;box-shadow:0 0 10px #ffd53d99}.landing-page .hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.landing-page .hamburger.active span:nth-child(2){opacity:0}.landing-page .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.landing-page .menu-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:998}.landing-page .hero{align-items:center;display:flex;min-height:100vh;padding:140px 0 80px;position:relative}.landing-page .hero-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.2fr 1fr}.landing-page .hero-text{animation:landing-fade-in-up 1s ease-out .4s both}@keyframes landing-fade-in-up{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.landing-page .hero-title{-webkit-text-fill-color:#0000;animation:landing-title-entrance 1.2s cubic-bezier(.34,1.56,.64,1) .6s both,landing-title-glow 3s ease-in-out 1.8s infinite;background:linear-gradient(135deg,#fff,#ffd93d);-webkit-background-clip:text;background-clip:text;color:#fff;filter:drop-shadow(0 4px 20px rgba(255,255,255,.3));font-size:clamp(3.5rem,8vw,7rem);font-weight:900;line-height:1;margin-bottom:30px;text-align:left}@keyframes landing-title-entrance{0%{filter:drop-shadow(0 4px 20px rgba(255,255,255,0)) blur(10px);opacity:0;transform:scale(.8) translateY(30px)}to{filter:drop-shadow(0 4px 20px rgba(255,255,255,.3)) blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes landing-title-glow{0%,to{filter:drop-shadow(0 4px 20px rgba(255,255,255,.3))}50%{filter:drop-shadow(0 4px 30px rgba(255,213,61,.5))}}.landing-page .hero-subtitle{animation:landing-fade-in-up 1s ease-out .8s both;margin-bottom:25px;text-align:left}.landing-page .hero-subtitle h2{animation:landing-fade-in-up 1s ease-out .9s both;color:#fff;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:10px;text-shadow:0 0 15px #ffffff4d}.landing-page .hero-subtitle h3{-webkit-text-fill-color:#0000;animation:landing-fade-in-up 1s ease-out 1s both,landing-gradient-shift 3s ease 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#ff9ff3);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:clamp(1.5rem,3.5vw,2rem);font-weight:700;line-height:1.2}@keyframes landing-gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.landing-page .hero-description{animation:landing-fade-in-up 1s ease-out 1.1s both;color:#fffffff2;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin-bottom:20px;max-width:90%}.landing-page .hero-subtitle-text{animation:landing-fade-in-up 1s ease-out 1.2s both;color:#ffffffd9;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.7;max-width:90%}.landing-page .brand-name{color:#ffd93d;font-weight:700;text-shadow:0 0 10px #ffd53d4d}.landing-page .hero-image{align-items:center;animation:landing-fade-in-scale 1s ease-out .7s both;display:flex;justify-content:center;position:relative}@keyframes landing-fade-in-scale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.landing-page .students-group{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);max-width:450px;width:100%}.landing-page .student{align-items:center;animation:landing-student-entrance .8s cubic-bezier(.34,1.56,.64,1) both,landing-float-students 6s ease-in-out 2s infinite;display:flex;justify-content:center}.landing-page .student:first-child{animation-delay:.9s,2s}.landing-page .student:nth-child(2){animation-delay:1s,1s}.landing-page .student:nth-child(3){animation-delay:1.1s,0s}.landing-page .student:nth-child(4){animation-delay:1.2s,-1s}.landing-page .student:nth-child(5){animation-delay:1.3s,-2s}.landing-page .student:nth-child(6){animation-delay:1.4s,-3s}@keyframes landing-student-entrance{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes landing-float-students{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.landing-page .student-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border:4px solid #ffffff26;border-radius:50%;box-shadow:0 10px 30px #0006,0 0 20px #667eea4d;cursor:pointer;height:90px;position:relative;transition:all .3s ease;width:90px}.landing-page .student-avatar:hover{border-color:#ffd53d80;box-shadow:0 15px 40px #667eea99,0 0 30px #667eea80;transform:scale(1.15) rotate(5deg)}.landing-page .student-avatar span{font-size:36px;left:50%;opacity:.9;position:absolute;top:50%;transform:translate(-50%,-50%)}.landing-page .about{align-items:center;display:flex;min-height:100vh;padding:100px 0;position:relative}.landing-page .about-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1fr 1fr}.landing-page .about-title{color:#fff;filter:drop-shadow(0 4px 15px rgba(255,255,255,.2));font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;margin-bottom:40px}.landing-page .about-description{color:#fffffff2;font-size:clamp(1rem,1.8vw,1.15rem);font-weight:400;line-height:1.9;margin-bottom:50px}.landing-page .about-description p{margin-bottom:25px}.landing-page .about-text{animation:landing-scroll-fade-in .8s ease-out forwards;animation-play-state:paused;opacity:0}.landing-page .about-text.animate{animation-play-state:running}@keyframes landing-scroll-fade-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.landing-page .cta-button{animation:landing-button-entrance .8s ease-out forwards;animation-play-state:paused;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:50px;box-shadow:0 8px 25px #ff6b6b66;color:#fff;cursor:pointer;display:inline-block;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:700;letter-spacing:1px;opacity:0;overflow:hidden;padding:16px 50px;position:relative;text-transform:uppercase;transition:all .3s ease}.landing-page .cta-button.animate{animation-play-state:running}@keyframes landing-button-entrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page .cta-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.landing-page .cta-button:hover:before{height:300px;width:300px}.landing-page .cta-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 12px 35px #ff6b6b99;transform:translateY(-3px) scale(1.05)}.landing-page .about-images{align-items:center;display:flex;justify-content:center}.landing-page .image-grid{max-width:550px;width:100%}.landing-page .study-image{border:2px solid #0000;border-radius:20px;box-shadow:0 15px 40px #0006;height:200px;margin-bottom:20px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.landing-page .study-image:hover{border-color:#ffd53d4d;box-shadow:0 20px 50px #1b118b99;transform:translateY(-10px) scale(1.02)}.landing-page .study-image:after{background:linear-gradient(135deg,#ff6b6b1a,#ffd53d1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.landing-page .study-image:hover:after{opacity:1}.landing-page .study-image img{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.landing-page .study-image:hover img{transform:scale(1.05)}.landing-page .study-1{animation:landing-slide-in-left .8s ease-out forwards;animation-play-state:paused;opacity:0}.landing-page .study-2{animation:landing-slide-in-right .8s ease-out .2s forwards;animation-play-state:paused;opacity:0}.landing-page .study-3{animation:landing-slide-in-left .8s ease-out .4s forwards;animation-play-state:paused;opacity:0}.landing-page .study-1.animate,.landing-page .study-2.animate,.landing-page .study-3.animate{animation-play-state:running}@keyframes landing-slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes landing-slide-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.landing-page .faq{align-items:center;display:flex;min-height:100vh;padding:100px 0;position:relative}.landing-page .faq-content{grid-gap:80px;align-items:center;display:grid;gap:80px;grid-template-columns:1.3fr 1fr}.landing-page .faq-title{color:#fff;filter:drop-shadow(0 4px 15px rgba(255,255,255,.2));font-size:clamp(2.5rem,5vw,3.5rem);font-weight:900;line-height:1.2;margin-bottom:40px}.landing-page .faq-list{display:flex;flex-direction:column;gap:20px}.landing-page .faq-item{animation:landing-faq-item-entrance .6s ease-out forwards;animation-play-state:paused;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1b118b33;border:1px solid #ffffff1a;border-radius:16px;cursor:pointer;opacity:0;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.landing-page .faq-item:first-child{animation-delay:0s}.landing-page .faq-item:nth-child(2){animation-delay:.15s}.landing-page .faq-item:nth-child(3){animation-delay:.3s}.landing-page .faq-item:nth-child(4){animation-delay:.45s}.landing-page .faq-item.animate{animation-play-state:running}@keyframes landing-faq-item-entrance{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.landing-page .faq-item:before{background:linear-gradient(90deg,#0000,#ffd53d1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.landing-page .faq-item:hover:before{left:100%}.landing-page .faq-item:hover{background:#1b118b66;border-color:#ffd53d80;box-shadow:0 10px 30px #1b118b66;transform:translateX(10px)}.landing-page .faq-question h3{color:#fff;font-size:clamp(1rem,1.5vw,1.15rem);font-weight:600;line-height:1.4;margin-bottom:12px}.landing-page .faq-answer p{color:#ffffffd9;font-size:clamp(.9rem,1.3vw,1rem);line-height:1.7}.landing-page .faq-visual{align-items:center;display:flex;justify-content:center}.landing-page .faq-graphic{height:350px;position:relative;width:350px}.landing-page .question-bubble{align-items:center;animation:landing-bubble-entrance .8s cubic-bezier(.34,1.56,.64,1) forwards,landing-bubble-float 5s ease-in-out 1.2s infinite;animation-play-state:paused,paused;border-radius:50%;box-shadow:0 15px 40px #0006;cursor:pointer;display:flex;font-size:2.5rem;height:100px;justify-content:center;opacity:0;position:absolute;transition:all .3s ease;width:100px}.landing-page .question-bubble.animate{animation-play-state:running,running}@keyframes landing-bubble-entrance{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.landing-page .question-bubble:hover{box-shadow:0 20px 50px #0009;transform:scale(1.2) rotate(10deg)}.landing-page .bubble-1{animation-delay:.2s,1.4s;background:linear-gradient(135deg,#667eea,#764ba2);left:20px;top:20px}.landing-page .bubble-2{animation-delay:.35s,.15s;background:linear-gradient(135deg,#f093fb,#f5576c);right:20px;top:20px}.landing-page .bubble-3{animation-delay:.5s,-1.35s;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:20px;left:20px}.landing-page .bubble-4{animation-delay:.65s,-2.6s;background:linear-gradient(135deg,#43e97b,#38f9d7);bottom:20px;right:20px}@keyframes landing-bubble-float{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.05) rotate(5deg)}50%{transform:translateY(-10px) scale(1.08) rotate(-3deg)}75%{transform:translateY(-20px) scale(1.03) rotate(3deg)}}.landing-page .newsletter{background:#00000080;border-top:1px solid #ffffff1a;padding:60px 0;position:relative}.landing-page .newsletter-content{margin:0 auto;max-width:600px;text-align:center}.landing-page .newsletter-title{color:#fff;font-size:clamp(1.3rem,2vw,1.5rem);font-weight:700;letter-spacing:2px;margin-bottom:25px;text-shadow:0 0 15px #ffffff4d;text-transform:uppercase}.landing-page .newsletter-form{display:flex;gap:15px;margin:0 auto;max-width:500px}.landing-page .email-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1b118b4d;border:2px solid #fff3;border-radius:50px;color:#fff;flex:1 1;font-size:15px;padding:16px 20px;transition:all .3s ease}.landing-page .email-input::placeholder{color:#fff9}.landing-page .email-input:focus{background:#1b118b80;border-color:#ffd93d;box-shadow:0 0 20px #ffd53d4d;outline:none}.landing-page .submit-button{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;border-radius:50px;box-shadow:0 6px 20px #ff6b6b66;color:#fff;cursor:pointer;font-size:15px;font-weight:700;overflow:hidden;padding:16px 35px;position:relative;transition:all .3s ease}.landing-page .submit-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.landing-page .submit-button:hover:before{height:300px;width:300px}.landing-page .submit-button:hover{background:linear-gradient(135deg,#ff5252,#ff7043);box-shadow:0 10px 30px #ff6b6b99;transform:translateY(-3px)}.landing-page .about-text>a{display:inline-block;text-decoration:none}.landing-page .footer{background:#0009;border-top:1px solid #ffffff1a;padding:40px 0;text-align:center}.landing-page .footer p{color:#ffffffb3;font-size:14px;letter-spacing:.5px}@media (max-width:1200px){.landing-page .about-content,.landing-page .faq-content,.landing-page .hero-content{gap:60px}.landing-page .students-group{max-width:380px}.landing-page .student-avatar{height:85px;width:85px}.landing-page .student-avatar span{font-size:34px}}@media (max-width:1024px){.landing-page .about-content,.landing-page .faq-content,.landing-page .hero-content{gap:50px;grid-template-columns:1fr;text-align:center}.landing-page .hero{padding:120px 0 60px}.landing-page .hero-text{order:1}.landing-page .hero-image{order:2}.landing-page .hero-subtitle,.landing-page .hero-title{text-align:center}.landing-page .hero-description,.landing-page .hero-subtitle-text{margin-left:auto;margin-right:auto;max-width:100%;text-align:center}.landing-page .students-group{margin:0 auto;max-width:400px}.landing-page .about-title,.landing-page .faq-title{text-align:center}.landing-page .about-description{margin-left:auto;margin-right:auto;text-align:center}.landing-page .cta-button{display:block;margin:0 auto;width:-webkit-fit-content;width:fit-content}.landing-page .image-grid{margin:0 auto;max-width:480px}.landing-page .faq-graphic{margin:0 auto}.landing-page .faq-list{order:1}.landing-page .faq-visual{order:2}}@media (max-width:768px){.landing-page .container{padding:0 20px}.landing-page .header{padding:15px 0}.landing-page .nav{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.landing-page .logo{justify-content:flex-start;width:auto}.landing-page .logo-icon img{height:60px;width:60px}.landing-page .logo-text{font-size:20px}.landing-page .hamburger{display:flex}.landing-page .menu-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s ease}.landing-page .nav-links{align-items:flex-start;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000fa;border-left:1px solid #ffd53d33;box-shadow:-10px 0 30px #00000080;flex-direction:column;gap:30px;height:100vh;padding:100px 30px 30px;position:fixed;right:-100%;top:0;transition:right .4s cubic-bezier(.68,-.55,.265,1.55);width:280px;z-index:999}.landing-page .nav-links.mobile-open{right:0}.landing-page .nav-links a{border-bottom:1px solid #ffffff1a;font-size:18px;padding:12px 0;transition:all .3s ease;width:100%}.landing-page .nav-links a:hover{border-bottom-color:#ffd53d80;padding-left:10px}.landing-page .nav-links a:after{display:none}.landing-page .nav-links a.active{border-left:3px solid #ffd93d;padding-left:10px}.landing-page .hero{min-height:auto;padding:110px 0 50px}.landing-page .hero-content{gap:40px}.landing-page .students-group{gap:15px;max-width:320px}.landing-page .student-avatar{height:75px;width:75px}.landing-page .student-avatar span{font-size:30px}.landing-page .about,.landing-page .faq{padding:70px 0}.landing-page .about-content,.landing-page .faq-content{gap:40px}.landing-page .study-image{height:180px;margin-bottom:18px}.landing-page .image-grid{max-width:420px}.landing-page .faq-graphic{height:300px;width:300px}.landing-page .question-bubble{font-size:2.2rem;height:85px;width:85px}.landing-page .newsletter{padding:50px 0}.landing-page .newsletter-content{padding:0 20px}.landing-page .newsletter-form{flex-direction:column;gap:12px}.landing-page .email-input,.landing-page .submit-button{width:100%}.landing-page .footer{padding:35px 0}}@media (max-width:480px){.landing-page .container{padding:0 16px}.landing-page .header{padding:12px 0}.landing-page .logo-icon img{height:55px;width:55px}.landing-page .logo-text{font-size:19px}.landing-page .nav-links{gap:18px;padding:90px 25px 25px;width:260px}.landing-page .nav-links a{font-size:16px;padding:10px 0}.landing-page .hero{padding:100px 0 40px}.landing-page .hero-content{gap:35px}.landing-page .hero-title{margin-bottom:25px}.landing-page .hero-subtitle{margin-bottom:20px}.landing-page .hero-description{margin-bottom:18px}.landing-page .students-group{gap:12px;max-width:270px}.landing-page .student-avatar{height:65px;width:65px}.landing-page .student-avatar span{font-size:26px}.landing-page .about,.landing-page .faq{padding:60px 0}.landing-page .about-content,.landing-page .faq-content{gap:35px}.landing-page .about-title,.landing-page .faq-title{margin-bottom:30px}.landing-page .about-description{margin-bottom:40px}.landing-page .cta-button{font-size:1rem;padding:14px 40px}.landing-page .study-image{border-radius:16px;height:160px;margin-bottom:15px}.landing-page .image-grid{max-width:350px}.landing-page .faq-item{border-radius:14px;padding:20px}.landing-page .faq-graphic{height:260px;width:260px}.landing-page .question-bubble{font-size:1.9rem;height:75px;width:75px}.landing-page .bubble-1{left:15px;top:15px}.landing-page .bubble-2{right:15px;top:15px}.landing-page .bubble-3{bottom:15px;left:15px}.landing-page .bubble-4{bottom:15px;right:15px}.landing-page .newsletter{padding:45px 0}.landing-page .newsletter-content{padding:0 16px}.landing-page .newsletter-title{font-size:1.2rem;margin-bottom:20px}.landing-page .newsletter-form{gap:10px}.landing-page .email-input{font-size:14px;padding:14px 18px}.landing-page .submit-button{font-size:14px;padding:14px 30px}.landing-page .footer{padding:28px 0}.landing-page .footer p{font-size:13px}}@media (max-width:360px){.landing-page .container{padding:0 12px}.landing-page .logo-icon img{height:50px;width:50px}.landing-page .logo-text{font-size:17px}.landing-page .nav-links{gap:15px;padding:80px 20px 20px;width:240px}.landing-page .nav-links a{font-size:15px;padding:10px 0}.landing-page .students-group{gap:10px;max-width:230px}.landing-page .student-avatar{height:58px;width:58px}.landing-page .student-avatar span{font-size:23px}.landing-page .study-image{height:140px}.landing-page .image-grid{max-width:300px}.landing-page .faq-graphic{height:230px;width:230px}.landing-page .question-bubble{font-size:1.6rem;height:65px;width:65px}.landing-page .bubble-1{left:10px;top:10px}.landing-page .bubble-2{right:10px;top:10px}.landing-page .bubble-3{bottom:10px;left:10px}.landing-page .bubble-4{bottom:10px;right:10px}}@media (max-height:600px) and (orientation:landscape){.landing-page .hero{min-height:auto;padding:100px 0 40px}.landing-page .about,.landing-page .faq{min-height:auto}.landing-page .students-group{max-width:320px}.landing-page .student-avatar{height:70px;width:70px}.landing-page .student-avatar span{font-size:28px}.landing-page .faq-graphic{height:280px;width:280px}}@media (min-width:1600px){.landing-page .container{max-width:1500px}.landing-page .about-content,.landing-page .faq-content,.landing-page .hero-content{gap:100px}.landing-page .students-group{max-width:500px}.landing-page .student-avatar{height:100px;width:100px}.landing-page .student-avatar span{font-size:40px}.landing-page .image-grid{max-width:600px}.landing-page .study-image{height:230px}.landing-page .faq-graphic{height:400px;width:400px}.landing-page .question-bubble{font-size:2.8rem;height:110px;width:110px}}.login-page{animation:login-page-fade-in 1s ease-out;background:linear-gradient(135deg,#000000d9,#1b118bd9),url(/static/media/lowpoly-dark.0d6f7edbeb9f48e0e49f.png);background-blend-mode:overlay;background-position:50%;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;position:relative}@keyframes login-page-fade-in{0%{opacity:0}to{opacity:1}}.login-main{align-items:center;display:flex;flex-direction:row;gap:80px;justify-content:space-between;margin:0 auto;max-width:1600px;min-height:100vh;padding:40px 200px;width:100%}.login-left{animation:login-slide-in-left 1.2s ease-out .5s both;flex:1 1;max-width:700px;text-align:center}@keyframes login-slide-in-left{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.login-quote{margin-bottom:50px}.login-quote-text{color:#fff;font-size:42px;font-weight:300;letter-spacing:-.5px;line-height:1.4;margin:0;text-shadow:0 4px 20px #0006}.login-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;background-clip:text;display:inline-block;font-style:italic;font-weight:600;position:relative}.login-illustration{align-items:center;animation:login-fade-in-up 1s ease-out .8s both;display:flex;height:400px;justify-content:center;position:relative}@keyframes login-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-3d-scene{align-items:center;display:flex;height:350px;justify-content:center;perspective:1000px;position:relative;transform-style:preserve-3d;width:400px}.login-3d-globe{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.login-globe{animation:login-spin-slow 10s linear infinite;filter:drop-shadow(0 10px 25px rgba(0,0,0,.5));font-size:5rem}.login-grad-cap{animation:login-float 2s ease-in-out infinite;animation-delay:-.5s;filter:drop-shadow(0 8px 15px rgba(0,0,0,.4));font-size:3rem;position:absolute;right:-15px;top:-35px}.login-orbit-container{animation:login-orbit 20s linear infinite;height:320px;top:50%;width:320px}.login-3d-books,.login-orbit-container{left:50%;position:absolute;transform:translate(-50%,-50%)}.login-3d-books{animation:login-counter-rotate 20s linear infinite;top:0;z-index:3}.login-book{animation:login-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));font-size:3rem;position:absolute}.login-book-1{animation-delay:0s;transform:rotate(-5deg)}.login-book-2{animation-delay:-1s;transform:rotate(10deg) translateY(-10px) translateX(10px)}.login-book-3{animation-delay:-2s;transform:rotate(-8deg) translateY(-20px) translateX(-5px)}.login-3d-bulb{animation:login-glow 2s ease-in-out infinite alternate,login-counter-rotate 20s linear infinite;font-size:3rem;position:absolute;right:0;top:50%;transform:translate(50%,-50%);z-index:2}.login-3d-pencil{animation:login-float 3s ease-in-out infinite,login-counter-rotate 20s linear infinite;animation-delay:-1.5s;bottom:0;font-size:2.5rem;left:50%;position:absolute;transform:translate(-50%,50%) rotate(45deg);z-index:2}.login-floating-element{animation:login-float 4s ease-in-out infinite,login-counter-rotate 20s linear infinite;font-size:2rem;opacity:.8;position:absolute;z-index:1}.login-element-1{animation-delay:-.5s;left:0;top:50%;transform:translate(-50%,-50%)}.login-element-2{animation-delay:-2s;right:15%;top:15%;transform:translate(50%,-50%)}.login-element-3{animation-delay:-3s;bottom:15%;left:15%;transform:translate(-50%,50%)}.login-element-4{animation-delay:-1s;bottom:15%;right:15%;transform:translate(50%,50%)}.login-orbit-container-small{animation:login-orbit-fast 15s linear infinite reverse;height:220px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.login-shape{animation:login-float 6s ease-in-out infinite,login-counter-rotate-fast 15s linear infinite;opacity:.7;position:absolute}.login-shape-circle{animation-delay:-2s;background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:50%;height:25px;left:50%;top:0;transform:translate(-50%,-50%);width:25px}.login-shape-cube{animation-delay:-4s;background:linear-gradient(135deg,#667eea,#764ba2);height:20px;right:0;top:50%;transform:translate(50%,-50%) rotate(45deg);width:20px}.login-shape-ring{animation-delay:-1.5s;border:4px solid #48bb78;border-radius:50%;bottom:0;height:30px;left:50%;transform:translate(-50%,50%);width:30px}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes login-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes login-glow{0%{filter:drop-shadow(0 0 10px #ffd93d);transform:scale(1)}to{filter:drop-shadow(0 0 25px #ffd93d);transform:scale(1.1)}}@keyframes login-orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes login-orbit-fast{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes login-counter-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes login-counter-rotate-fast{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.login-right{align-items:center;animation:login-slide-in-right 1.2s ease-out .7s both;display:flex;flex:0 0 450px;justify-content:flex-end}@keyframes login-slide-in-right{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.login-form-panel{animation:login-scale-up .8s ease-out 1s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:28px;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff80;max-width:450px;padding:45px 40px;position:relative;width:100%}@keyframes login-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.login-close{align-items:center;background:#0000000d;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.login-close:hover{background:#0000001a;color:#334155;transform:scale(1.05)}.login-close:active{transform:scale(.95)}.login-header-section{animation:login-fade-in-stagger .6s ease-out 1.3s both;margin-bottom:32px;text-align:center}.login-avatar-container{display:flex;justify-content:center;margin-bottom:20px}.login-avatar-img{animation:login-avatar-pulse 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.1));height:85px;object-fit:contain;width:85px}@keyframes login-avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{color:#1e293b;font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px}.login-subtitle{color:#64748b;font-size:14px;font-weight:400;margin:0}.login-form{width:100%}@keyframes login-fade-in-stagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-field{margin-bottom:20px}.login-label{color:#334155;display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input-icon{color:#94a3b8;left:16px;pointer-events:none;position:absolute;z-index:1}.login-input{background:#fff!important;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b!important;font-size:14px;font-weight:400;padding:14px 14px 14px 44px;transition:all .3s ease;width:100%}.login-input:focus{background:#fff!important;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.login-input-wrapper:focus-within .login-input-icon,.login-input:focus+.login-eye-btn{color:#667eea}.login-input::placeholder{color:#94a3b8!important;font-weight:400}.login-eye-btn{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:14px;transition:all .3s ease}.login-eye-btn:hover{background:#667eea0d;color:#667eea}.login-options{font-size:13px;justify-content:space-between;margin-bottom:24px}.login-options,.login-remember{align-items:center;display:flex}.login-remember{cursor:pointer;gap:8px}.login-checkbox{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.login-checkbox-label{color:#475569;font-weight:500;-webkit-user-select:none;user-select:none}.login-forgot{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:all .3s ease}.login-forgot:hover{background:#667eea0d;color:#5a67d8}.login-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 25px #667eea4d;color:#fff!important;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;margin-bottom:20px;overflow:hidden;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.login-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-2px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-spinner{animation:login-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes login-spin{to{transform:rotate(1turn)}}.login-divider{margin:28px 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";height:1px;position:absolute;top:50%;width:45%}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{background:#fff;color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:1px;padding:0 16px;text-transform:uppercase}.login-signup{padding-top:8px;text-align:center}.login-signup p{color:#64748b;font-size:14px;font-weight:500;margin:0 0 12px}.login-signup-btn{align-items:center;background:#0000;border:2px solid #667eea;border-radius:12px;color:#667eea!important;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 28px;text-transform:uppercase;transition:all .3s ease}.login-signup-btn:hover{background:#667eea;box-shadow:0 8px 20px #667eea4d;color:#fff!important;transform:translateY(-2px)}.login-signup-btn:active{transform:translateY(0)}@media (max-width:1400px){.login-main{gap:60px;padding:40px}.login-left{max-width:600px}}@media (max-width:1200px){.login-main{gap:50px;padding:40px 30px}.login-left{max-width:550px}.login-quote-text{font-size:36px}.login-3d-scene{height:300px;width:350px}.login-orbit-container{height:280px;width:280px}.login-orbit-container-small{height:180px;width:180px}}@media (max-width:1024px){.login-main{align-items:center;flex-direction:column;gap:45px;padding:60px 20px 40px}.login-left{max-width:100%}.login-right{flex:none;max-width:550px;width:100%}.login-quote{margin-bottom:40px}.login-quote-text{font-size:32px}.login-illustration{height:320px}.login-3d-scene{height:260px;width:320px}.login-orbit-container{height:260px;width:260px}.login-orbit-container-small{height:160px;width:160px}}@media (max-width:768px){.login-main{gap:40px;padding:60px 20px 30px}.login-form-panel{border-radius:28px;padding:40px 35px}.login-quote-text,.login-title{font-size:28px}.login-subtitle{font-size:14px}.login-avatar-img{height:80px;width:80px}.login-3d-scene{height:230px;width:280px}.login-orbit-container{height:220px;width:220px}.login-orbit-container-small{height:140px;width:140px}.login-globe{font-size:4rem}.login-grad-cap{right:-12px;top:-28px}.login-3d-bulb,.login-book,.login-grad-cap{font-size:2.5rem}.login-3d-pencil{font-size:2rem}.login-floating-element{font-size:1.5rem}}@media (max-width:480px){.login-main{gap:35px;padding:50px 15px 25px}.login-form-panel{border-radius:24px;padding:35px 28px}.login-quote-text{font-size:24px;line-height:1.5}.login-title{font-size:26px}.login-subtitle{font-size:13px}.login-avatar-img{height:70px;width:70px}.login-illustration{height:280px}.login-3d-scene{height:200px;width:240px}.login-orbit-container{height:180px;width:180px}.login-orbit-container-small{height:120px;width:120px}.login-globe{font-size:3.5rem}.login-grad-cap{font-size:2rem;right:-10px;top:-22px}.login-3d-bulb,.login-book{font-size:2rem}.login-3d-pencil{font-size:1.8rem}.login-floating-element{font-size:1.3rem}.login-input{font-size:14px;padding:14px 14px 14px 44px}.login-btn{font-size:15px;padding:16px 20px}.login-options{align-items:flex-start;flex-direction:column;gap:14px}.login-divider{margin:28px 0}}@media (max-width:360px){.login-main{padding:40px 12px 20px}.login-form-panel{padding:30px 22px}.login-quote-text{font-size:20px}.login-title{font-size:24px}.login-avatar-img{height:60px;width:60px}.login-3d-scene{height:170px;width:200px}.login-orbit-container{height:150px;width:150px}.login-orbit-container-small{height:100px;width:100px}.login-globe{font-size:3rem}.login-3d-bulb,.login-book,.login-grad-cap{font-size:1.8rem}.login-3d-pencil{font-size:1.5rem}.login-floating-element{font-size:1.2rem}}@media (max-height:600px) and (orientation:landscape){.login-main{flex-direction:row;gap:40px;padding:30px 20px}.login-left{flex:0 0 45%}.login-right{flex:0 0 50%}.login-quote{margin-bottom:20px}.login-quote-text{font-size:20px;margin-bottom:15px}.login-illustration{height:220px}.login-3d-scene{height:180px;width:220px}.login-orbit-container{height:180px;width:180px}.login-orbit-container-small{height:120px;width:120px}.login-form-panel{padding:30px 25px}.login-header-section{margin-bottom:25px}.login-avatar-img{height:60px;width:60px}.login-title{font-size:22px}.login-subtitle{font-size:12px}.login-field{margin-bottom:18px}.login-globe{font-size:3rem}.login-3d-bulb,.login-book{font-size:2rem}}@media (prefers-reduced-motion:reduce){.login-3d-bulb,.login-3d-pencil,.login-avatar-img,.login-book,.login-floating-element,.login-form-panel,.login-globe,.login-grad-cap,.login-header-section,.login-illustration,.login-left,.login-orbit-container,.login-orbit-container-small,.login-page,.login-right,.login-shape{animation:none}.login-btn:hover,.login-close:hover,.login-signup-btn:hover{transform:none}}.login-btn:focus,.login-close:focus,.login-eye-btn:focus,.login-forgot:focus,.login-input:focus,.login-signup-btn:focus{outline:3px solid #667eea;outline-offset:2px}@media (pointer:coarse){.login-eye-btn{padding:10px;right:10px}.login-close{height:44px;width:44px}.login-forgot,.login-signup-btn{margin:-10px;padding:10px}}.login-input[type=password]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;letter-spacing:.125em}.login-input[type=password]:placeholder-shown{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:normal}.login-btn.login-loading{pointer-events:none}.login-page::-webkit-scrollbar{width:10px}.login-page::-webkit-scrollbar-track{background:#0000001a}.login-page::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.login-page::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-form-panel{box-shadow:0 35px 70px #00000059,0 0 0 1px #ffffff26,inset 0 1px 0 #fff9}}*{color-scheme:light!important}.signup-page{align-items:center;animation:signup-page-fade-in 1s ease-out;background:linear-gradient(135deg,#000000d9,#1b118bd9),url(/static/media/lowpoly-dark.0d6f7edbeb9f48e0e49f.png);background-blend-mode:overlay;background-position:50%;background-size:cover;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:40px 20px;position:relative}@keyframes signup-page-fade-in{0%{opacity:0}to{opacity:1}}.signup-header{animation:signup-slide-down 1.2s ease-out .3s both;left:50%;position:absolute;top:30px;transform:translateX(-50%);z-index:10}@keyframes signup-slide-down{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.signup-logo{align-items:center;display:flex;gap:12px}.signup-logo-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));font-size:28px}.signup-logo-text{color:#fff;font-size:24px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 8px #0006}.signup-quote-section{animation:signup-fade-in-up 1.2s ease-out .5s both;margin-bottom:30px;position:relative;text-align:center}.signup-quote-section:after,.signup-quote-section:before{animation:signup-float-sparkle 4s ease-in-out infinite;content:"✨";font-size:24px;opacity:.7;position:absolute}.signup-quote-section:before{animation-delay:0s;left:10%;top:50%}.signup-quote-section:after{animation-delay:-2s;right:10%;top:50%}@keyframes signup-float-sparkle{0%,to{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-15px) rotate(10deg)}}@keyframes signup-fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.signup-main-quote{color:#fff;font-size:36px;font-style:italic;font-weight:300;letter-spacing:-.5px;margin:0;text-shadow:0 4px 20px #0006}.signup-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:600}.signup-form-container{animation:signup-scale-up .8s ease-out .8s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fff3;border-radius:28px;box-shadow:0 30px 60px #0000004d,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff80;max-width:900px;overflow:visible;padding:45px 50px;position:relative;width:100%;z-index:5}.signup-form-container:before{background:radial-gradient(circle,#667eea26,#0000 70%);height:300px;right:-150px;top:-150px;width:300px}.signup-form-container:after,.signup-form-container:before{animation:signup-pulse 8s ease-in-out infinite;border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:-1}.signup-form-container:after{animation-delay:-4s;background:radial-gradient(circle,#ff6b6b1f,#0000 70%);bottom:-125px;height:250px;left:-125px;width:250px}@keyframes signup-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes signup-scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.signup-close{align-items:center;background:#0000000d;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;line-height:1;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.signup-close:hover{background:#0000001a;color:#334155;transform:scale(1.05)}.signup-close:active{transform:scale(.95)}.signup-form,.signup-form-content{display:flex;width:100%}.signup-form-content{gap:40px}.signup-section-title{color:#1e293b;display:inline-block;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:28px;position:relative;text-align:center;width:100%}.signup-section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.signup-form-left{animation:signup-slide-in-left 1.2s ease-out 1s both;display:flex;flex:1 1;flex-direction:column;position:relative}.signup-form-left:after{background:linear-gradient(180deg,#0000,#667eea33 20%,#667eea66 50%,#667eea33 80%,#0000);content:"";height:80%;position:absolute;right:-20px;top:10%;width:2px}@keyframes signup-slide-in-left{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.signup-form-right{animation:signup-slide-in-right 1.2s ease-out 1.2s both;display:flex;flex:1 1;flex-direction:column;padding-top:56px}@keyframes signup-slide-in-right{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.signup-field{animation:signup-fade-in-stagger .5s ease-out both;margin-bottom:20px;position:relative}.signup-field:nth-child(2){animation-delay:.1s}.signup-field:nth-child(3){animation-delay:.2s}.signup-field:nth-child(4){animation-delay:.3s}.signup-field:nth-child(5){animation-delay:.4s}@keyframes signup-fade-in-stagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.signup-field-row{animation:signup-fade-in-stagger .5s ease-out both;display:flex;gap:12px;margin-bottom:20px}.signup-field-large{flex:2 1}.signup-field-half,.signup-field-small{flex:1 1}.signup-label{color:#334155;display:block;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:8px}.signup-asterisk{color:#e53e3e}.signup-input{background:#fff!important;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b!important;font-size:14px;font-weight:400;padding:14px 16px;transition:all .3s ease;width:100%}.signup-input:focus{background:#fff!important;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.signup-input::placeholder{color:#94a3b8!important;font-weight:400}.signup-date-wrapper{position:relative}.signup-date-input{padding-right:45px}.signup-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.signup-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.signup-password-wrapper{position:relative}.signup-eye-btn{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:3}.signup-eye-btn:hover{background:#667eea0d;color:#667eea}.signup-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 10px 25px #667eea4d;color:#fff!important;cursor:pointer;display:flex;font-size:15px;font-weight:700;justify-content:center;letter-spacing:1px;margin-top:20px;overflow:hidden;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.signup-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.signup-btn:hover:not(:disabled):before{left:100%}.signup-btn:hover:not(:disabled){box-shadow:0 15px 35px #667eea66;transform:translateY(-2px)}.signup-btn:active:not(:disabled){transform:translateY(0)}.signup-btn:disabled{cursor:not-allowed;opacity:.7}.signup-spinner{animation:signup-spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes signup-spin{to{transform:rotate(1turn)}}@media (max-width:1200px){.signup-main-quote{font-size:32px}.signup-form-container{padding:40px 45px}.signup-form-content{gap:35px}}@media (max-width:1024px){.signup-form-container{max-width:800px;padding:40px}.signup-form-content{gap:30px}.signup-form-left:after{display:none}.signup-form-right{padding-top:0}}@media (max-width:768px){.signup-page{padding:20px 15px}.signup-main-quote{font-size:28px}.signup-quote-section:after,.signup-quote-section:before{font-size:18px}.signup-form-container{max-width:100%;padding:35px 30px}.signup-form-container:after,.signup-form-container:before{display:none}.signup-form-content{flex-direction:column;gap:30px}.signup-form-left:after{display:none}.signup-form-right{padding-top:0}.signup-section-title{font-size:26px;margin-bottom:24px}}@media (max-width:480px){.signup-quote-section{margin-bottom:25px}.signup-main-quote{font-size:24px}.signup-quote-section:after,.signup-quote-section:before{display:none}.signup-logo-text{font-size:20px}.signup-logo-icon{font-size:24px}.signup-form-container{border-radius:24px;padding:30px 25px}.signup-form-container:after,.signup-form-container:before,.signup-form-left:after{display:none}.signup-section-title{font-size:24px;margin-bottom:20px}.signup-field-row{flex-direction:column;gap:0}.signup-field-row .signup-field{margin-bottom:20px}.signup-input{font-size:14px;padding:12px 14px}.signup-btn{font-size:14px;padding:16px}.signup-close{font-size:20px;height:36px;width:36px}}@media (max-width:360px){.signup-form-container{padding:25px 20px}.signup-main-quote{font-size:20px}.signup-section-title{font-size:22px}.signup-input{font-size:13px;padding:10px 12px}.signup-btn{font-size:13px;padding:14px}}@media (max-height:600px) and (orientation:landscape){.signup-page{padding:20px 15px}.signup-quote-section{margin-bottom:20px}.signup-quote-section:after,.signup-quote-section:before{display:none}.signup-main-quote{font-size:24px}.signup-form-container{padding:30px 35px}.signup-form-container:after,.signup-form-container:before{display:none}.signup-form-content{gap:30px}.signup-form-left:after{display:none}.signup-form-right{padding-top:0}.signup-section-title{font-size:24px;margin-bottom:20px}.signup-field{margin-bottom:16px}.signup-btn{margin-top:16px;padding:14px}}@media (prefers-reduced-motion:reduce){.signup-field,.signup-field-row,.signup-form-container,.signup-form-container:after,.signup-form-container:before,.signup-form-left,.signup-form-right,.signup-header,.signup-page,.signup-quote-section,.signup-quote-section:after,.signup-quote-section:before{animation:none}.signup-btn:hover,.signup-close:hover{transform:none}}.signup-btn:focus,.signup-close:focus,.signup-eye-btn:focus,.signup-input:focus{outline:3px solid #667eea;outline-offset:2px}@media (pointer:coarse){.signup-eye-btn{padding:10px;right:10px}.signup-close{height:44px;width:44px}}.signup-input[type=password]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace;letter-spacing:.125em}.signup-input[type=password]:placeholder-shown{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:normal}.signup-page::-webkit-scrollbar{width:10px}.signup-page::-webkit-scrollbar-track{background:#0000001a}.signup-page::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.signup-page::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.signup-form-container{box-shadow:0 35px 70px #00000059,0 0 0 1px #ffffff26,inset 0 1px 0 #fff9}}.otp-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.otp-modal{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;max-width:450px;padding:40px;position:relative;text-align:center;width:90%}.otp-close{align-items:center;background:none;border:none;border-radius:50%;color:#ccc;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:30px}.otp-close:hover{background-color:#f5f5f5;color:#999}.email-icon{margin-bottom:30px}.envelope{align-items:center;background:linear-gradient(135deg,#0e0af0,#13045a);border-radius:8px;display:flex;height:50px;justify-content:center;margin:0 auto;position:relative;width:80px}.envelope:before{background:#fff;border-radius:50%;content:"";height:6px;left:15px;position:absolute;width:6px}.envelope:after{color:#fff;content:"••••••";font-size:8px;letter-spacing:1px;position:absolute;right:15px}.location-pin{background:#f44;border:3px solid #fff;border-radius:50% 50% 50% 0;height:20px;left:-10px;position:absolute;top:-10px;transform:rotate(-45deg);width:20px}.location-pin:after{background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px}.title{color:#333;font-size:24px;font-weight:600;margin:0 0 20px}.description,.title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.description{color:#999;font-size:14px;line-height:1.5;margin-bottom:30px}.otp-input-container{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.otp-digit{border:2px solid #e0e0e0;border-radius:8px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:600;height:50px;text-align:center;transition:all .2s ease;width:50px}.otp-digit:focus{border-color:#1d047a;box-shadow:0 0 0 3px #ff95001a;outline:none}.change-email{color:#999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;margin-bottom:25px}.change-link{color:#666;cursor:pointer;margin-left:5px;text-decoration:underline}.change-link:hover{color:#4733fa}.otp-submit{background:linear-gradient(135deg,#0e0af0,#13045a);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;font-weight:600;margin-bottom:15px;padding:15px 30px;transition:all .3s ease;width:100%}.otp-submit:hover{box-shadow:0 8px 25px #ff95004d;transform:translateY(-2px)}.otp-submit:active{transform:translateY(0)}.otp-resend{background:none;border:none;color:#999;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;text-decoration:underline;transition:color .2s ease}.otp-resend:hover{color:#3415e2}@media (max-width:480px){.otp-modal{margin:20px;padding:30px 20px}.otp-input-container{gap:8px}.otp-digit{font-size:18px;height:45px;width:45px}.title{font-size:20px}}.modal-overlay{background:#0009;z-index:1000}.modal-box{border-radius:12px;box-shadow:0 6px 20px #0003;padding:2rem;width:350px}.modal-title{color:#e74c3c;font-size:1.5rem;margin-bottom:1rem}.modal-message{font-size:1rem;margin-bottom:1.5rem}.modal-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.2rem}.modal-btn:hover{background:#c0392b}.forgot-page{background:linear-gradient(135deg,#000000d9,#1b118bd9),url(/static/media/lowpoly-dark.0d6f7edbeb9f48e0e49f.png);background-blend-mode:overlay;background-position:50%;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow:hidden;position:relative}.forgot-header{left:50%;position:absolute;top:50px;transform:translateX(-50%);z-index:10}.forgot-logo{align-items:center;display:flex;gap:12px}.forgot-logo-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));font-size:32px}.forgot-logo-text{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;text-shadow:0 2px 8px #0006}.forgot-main{align-items:center;display:flex;gap:100px;justify-content:center;min-height:100vh;padding:0 50px;width:100%}.forgot-left{flex:1 1;max-width:700px;padding-left:100px;text-align:center}.forgot-quote{margin-bottom:40px}.forgot-quote-text{color:#fff;font-size:40px;font-weight:300;line-height:1.2;text-shadow:0 4px 15px #0000004d}.forgot-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b6b,#ffd93d);-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:500}.forgot-illustration{height:350px}.forgot-3d-scene,.forgot-illustration{align-items:center;display:flex;justify-content:center;position:relative}.forgot-3d-scene{height:300px;perspective:1000px;transform-style:preserve-3d;width:400px}.forgot-3d-globe{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.forgot-globe{animation:forgot-spin-slow 10s linear infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.4));font-size:5rem}.forgot-grad-cap{animation:forgot-float 2s ease-in-out infinite;animation-delay:-.5s;filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));font-size:3rem;position:absolute;right:-15px;top:-35px}.forgot-orbit-container{animation:forgot-orbit 20s linear infinite;height:320px;top:50%;width:320px}.forgot-3d-books,.forgot-orbit-container{left:50%;position:absolute;transform:translate(-50%,-50%)}.forgot-3d-books{animation:forgot-counter-rotate 20s linear infinite;top:0;z-index:3}.forgot-book{animation:forgot-float 3s ease-in-out infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));font-size:3rem;position:absolute}.forgot-book-1{animation-delay:0s;transform:rotate(-5deg)}.forgot-book-2{animation-delay:-1s;transform:rotate(10deg) translateY(-10px) translateX(10px)}.forgot-book-3{animation-delay:-2s;transform:rotate(-8deg) translateY(-20px) translateX(-5px)}.forgot-3d-bulb{animation:forgot-glow 2s ease-in-out infinite alternate,forgot-counter-rotate 20s linear infinite;font-size:3rem;position:absolute;right:0;top:50%;transform:translate(50%,-50%);z-index:2}.forgot-3d-pencil{animation:forgot-float 3s ease-in-out infinite,forgot-counter-rotate 20s linear infinite;animation-delay:-1.5s;bottom:0;font-size:2.5rem;left:50%;position:absolute;transform:translate(-50%,50%) rotate(45deg);z-index:2}.forgot-floating-element{animation:forgot-float 4s ease-in-out infinite,forgot-counter-rotate 20s linear infinite;font-size:2rem;opacity:.8;position:absolute;z-index:1}.forgot-element-1{animation-delay:-.5s;left:0;top:50%;transform:translate(-50%,-50%)}.forgot-element-2{animation-delay:-2s;right:15%;top:15%;transform:translate(50%,-50%)}.forgot-element-3{animation-delay:-3s;bottom:15%;left:15%;transform:translate(-50%,50%)}.forgot-element-4{animation-delay:-1s;bottom:15%;right:15%;transform:translate(50%,50%)}.forgot-orbit-container-small{animation:forgot-orbit-fast 15s linear infinite reverse;height:220px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}.forgot-shape{animation:forgot-float 6s ease-in-out infinite,forgot-counter-rotate-fast 15s linear infinite;opacity:.7;position:absolute}.forgot-shape-circle{animation-delay:-2s;background:linear-gradient(135deg,#ff6b6b,#ffd93d);border-radius:50%;height:25px;left:50%;top:0;transform:translate(-50%,-50%);width:25px}.forgot-shape-cube{animation-delay:-4s;background:linear-gradient(135deg,#667eea,#764ba2);height:20px;right:0;top:50%;transform:translate(50%,-50%) rotate(45deg);width:20px}.forgot-shape-ring{animation-delay:-1.5s;border:4px solid #48bb78;border-radius:50%;bottom:0;height:30px;left:50%;transform:translate(-50%,50%);width:30px}@keyframes forgot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes forgot-spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes forgot-glow{0%{filter:drop-shadow(0 0 10px #ffd93d);transform:scale(1)}to{filter:drop-shadow(0 0 25px #ffd93d);transform:scale(1.1)}}@keyframes forgot-orbit{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes forgot-orbit-fast{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes forgot-counter-rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes forgot-counter-rotate-fast{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.forgot-right{align-items:center;display:flex;flex:0 0 450px;justify-content:center;padding-right:200px}.forgot-form-panel{background:#fff;border-radius:24px;box-shadow:0 20px 40px #0000001a;padding:40px;position:relative;width:500px}.forgot-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:32px}.forgot-close:hover{background:#0003;transform:rotate(90deg)}.forgot-user-section{display:flex;justify-content:center;margin-bottom:30px}.forgot-avatar-raw{display:block;height:auto;margin:0 auto 20px;max-width:120px}.forgot-avatar-icon{color:#e2e8f0;font-size:32px;opacity:.8}.forgot-form{width:100%}.forgot-title{margin-bottom:30px;text-align:center}.forgot-title h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:10px}.forgot-title p{color:#718096;font-size:14px;line-height:1.5}.forgot-field{margin-bottom:20px}.forgot-label{color:#2d3748;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.forgot-asterisk{color:#e53e3e}.forgot-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:14px 16px;transition:all .3s ease;width:100%}.forgot-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.forgot-input::placeholder{color:#a0aec0}.forgot-password-wrapper{position:relative}.forgot-eye-btn{background:none;border:none;cursor:pointer;font-size:16px;opacity:.6;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.forgot-eye-btn:hover{opacity:1}.forgot-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:20px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.forgot-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 8px 25px #48bb784d;transform:translateY(-2px)}.forgot-btn:disabled{cursor:not-allowed;opacity:.7}.forgot-spinner{animation:forgot-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes forgot-spin{to{transform:rotate(1turn)}}.forgot-back{color:#4a5568;font-size:14px;text-align:center}.forgot-back-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;text-decoration:underline;transition:color .3s ease}.forgot-back-btn:hover{color:#5a67d8}.forgot-success{text-align:center}.forgot-success-icon{font-size:48px;margin-bottom:20px}.forgot-success h2{color:#2d3748;font-size:24px;font-weight:600;margin-bottom:15px}.forgot-success p{color:#718096;font-size:14px;line-height:1.5;margin-bottom:10px}.forgot-success-note{font-size:13px;margin-bottom:25px}.forgot-resend-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;text-decoration:underline}.forgot-resend-btn:hover{color:#5a67d8}@media (max-width:1200px){.forgot-main{gap:30px;padding:0 30px}.forgot-left{padding-left:0}.forgot-right{flex:0 0 400px;padding-right:0}}@media (max-width:968px){.forgot-main{flex-direction:column;padding:120px 20px 20px}.forgot-left{margin-bottom:40px;max-width:100%;padding-left:0;text-align:center}.forgot-right{flex:none;padding-right:0}.forgot-form-panel{max-width:400px;width:100%}.forgot-3d-scene{height:250px;width:300px}.forgot-orbit-container{height:270px;width:270px}.forgot-orbit-container-small{height:170px;width:170px}}@media (max-width:480px){.forgot-header{top:30px}.forgot-logo-text{font-size:24px}.forgot-logo-icon{font-size:28px}.forgot-main{padding:100px 20px 20px}.forgot-form-panel{padding:30px 20px}.forgot-quote-text{font-size:28px}.forgot-3d-scene{height:200px;width:250px}.forgot-orbit-container{height:220px;width:220px}.forgot-orbit-container-small{height:140px;width:140px}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-dashboard-sidebar{animation:slideInLeft .4s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#000000d9,#1b118bd9);border-right:1px solid #ffffff1a;opacity:0;padding:2rem 0;width:280px}.user-dashboard-sidebar-content{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.user-dashboard-menu-item{align-items:center;animation:fadeInStagger .4s ease-out forwards;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;gap:.75rem;opacity:0;padding:.75rem 1rem;transition:all .2s}.user-dashboard-menu-item:first-child{animation-delay:.1s}.user-dashboard-menu-item:nth-child(2){animation-delay:.15s}.user-dashboard-menu-item:nth-child(3){animation-delay:.2s}.user-dashboard-menu-item:nth-child(4){animation-delay:.25s}.user-dashboard-menu-item:nth-child(5){animation-delay:.3s}.user-dashboard-menu-item:hover{background:#ffffff1a;color:#fff}.user-dashboard-menu-item.active{background:#3b82f633;color:#fff}@media (max-width:1024px){.user-dashboard-sidebar{width:240px}.user-dashboard-menu-item{gap:.6rem;padding:.6rem .8rem}}@media (max-width:768px){.user-dashboard-sidebar{animation:slideInLeft .3s ease-out forwards;border-bottom:1px solid #ffffff1a;border-right:none;padding:1rem 0;width:100%}.user-dashboard-sidebar-content{-ms-overflow-style:none;flex-direction:row;gap:.5rem;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.user-dashboard-sidebar-content::-webkit-scrollbar{display:none}.user-dashboard-menu-item{animation:fadeInStagger .3s ease-out forwards;flex-shrink:0;min-width:-webkit-fit-content;min-width:fit-content;padding:.6rem 1rem;white-space:nowrap}.user-dashboard-menu-item:first-child{animation-delay:.05s}.user-dashboard-menu-item:nth-child(2){animation-delay:.1s}.user-dashboard-menu-item:nth-child(3){animation-delay:.15s}.user-dashboard-menu-item:nth-child(4){animation-delay:.2s}.user-dashboard-menu-item:nth-child(5){animation-delay:.25s}}@media (max-width:480px){.user-dashboard-sidebar{padding:.8rem 0}.user-dashboard-sidebar-content{gap:.3rem;padding:0 .8rem}.user-dashboard-menu-item{font-size:.9rem;gap:.5rem;padding:.5rem .8rem}.user-dashboard-menu-item img{height:16px!important;width:16px!important}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-with-dropdown{align-items:center;background:linear-gradient(135deg,#000000d9,#1b118bd9);border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;overflow:visible;padding:1rem 2rem;position:relative;z-index:1000}.header-logo-section{align-items:center;animation:fadeInLeft .4s ease-out forwards;display:flex;opacity:0}.header-logo{align-items:center;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem}.header-graduation-cap img{height:70px;margin-right:-15px;object-fit:contain;transition:transform .2s ease;width:70px}.header-graduation-cap img:hover{transform:scale(1.05)}.header-logo-text{color:#fff;font-size:1.8rem;font-weight:700;line-height:1;margin-left:0}.header-actions{align-items:center;animation:fadeInRight .4s ease-out forwards;display:flex;gap:1rem;opacity:0}.header-actions,.header-profile-container{overflow:visible;position:relative}.header-profile-avatar{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;transition:all .3s;width:40px}.header-profile-avatar:hover{background:#ffffff4d;border-color:#ffffff80;transform:scale(1.05)}.header-profile-avatar:active{transform:scale(.98)}.header-avatar-image{height:100%;object-fit:cover;width:100%}.default-avatar-icon{color:#ffffffe6;height:28px;width:28px}.header-dropdown-menu{animation:dropdownSlide .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040,0 0 0 1px #0000000d;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:10000}.header-dropdown-item{align-items:center;border-bottom:1px solid #f1f5f9;color:#1a202c;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.9rem 1.2rem;transition:all .2s;-webkit-user-select:none;user-select:none}.header-dropdown-item:last-child{border-bottom:none}.header-dropdown-item:hover{background:#f8fafc}.header-dropdown-item:active{background:#f1f5f9}.header-dropdown-item.logout{color:#ef4444}.header-dropdown-item.logout:hover{background:#fef2f2}.dropdown-icon{flex-shrink:0;height:20px;width:20px}.header-dropdown-item.logout .dropdown-icon{color:#ef4444}@media (max-width:1024px){.header-with-dropdown{padding:1rem 1.5rem}}@media (max-width:768px){.header-with-dropdown{padding:1rem}.header-logo{font-size:1.3rem}.header-graduation-cap{font-size:1.1rem;padding:3px 5px}.header-create-btn{font-size:.9rem;padding:.4rem .8rem}.header-actions{gap:.75rem}.header-profile-avatar{height:36px;width:36px}.default-avatar-icon{height:24px;width:24px}.header-dropdown-menu{min-width:180px}.header-dropdown-item{font-size:.9rem;padding:.8rem 1rem}.dropdown-icon{height:18px;width:18px}}@media (max-width:480px){.header-with-dropdown{padding:.8rem}.header-logo{font-size:1.1rem}.header-graduation-cap{font-size:1rem;padding:3px 5px}.header-logo-text{display:none}.header-create-btn{font-size:.85rem;padding:.35rem .7rem}.header-actions{gap:.5rem}.header-profile-avatar{height:32px;width:32px}.default-avatar-icon{height:20px;width:20px}.header-dropdown-menu{min-width:160px;right:-.5rem}.header-dropdown-item{font-size:.85rem;gap:.5rem;padding:.7rem .9rem}.dropdown-icon{height:16px;width:16px}}@media (max-width:360px){.header-with-dropdown{padding:.6rem}.header-logo{font-size:1rem}.header-graduation-cap{font-size:.9rem;padding:2px 4px}.header-create-btn{font-size:.8rem;padding:.3rem .6rem}.header-profile-avatar{height:28px;width:28px}.default-avatar-icon{height:18px;width:18px}.header-dropdown-menu{min-width:140px}.header-dropdown-item{font-size:.8rem;padding:.6rem .8rem}.dropdown-icon{height:14px;width:14px}}.modal-overlay{background:#00000080;z-index:20000}.modal{animation:slideDown .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000040;max-width:90%;padding:2rem 1.5rem;position:relative;text-align:center;width:400px}.modal h3{color:#1a202c;font-size:1.5rem;margin-bottom:.5rem}.modal p{color:#4b5563;font-size:1rem;margin-bottom:1.5rem}.modal-actions{gap:1rem}.modal-actions button:first-child{background:#f3f4f6;border:none;border-radius:8px;color:#1f2937;cursor:pointer;padding:.6rem 1.2rem;transition:all .2s}.modal-actions button:first-child:hover{background:#e5e7eb}.logout-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.2rem;transition:all .2s}.logout-button:hover{background:#dc2626}@media (max-width:480px){.modal{padding:1.5rem 1rem;width:90%}.modal h3{font-size:1.25rem}.modal p{font-size:.95rem}.modal-actions button{font-size:.9rem;padding:.5rem 1rem}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.user-dashboard-container{display:flex;flex-direction:column;min-height:100vh}.user-dashboard-main-layout{display:flex;flex:1 1}.user-dashboard-main-content{animation:fadeIn .3s ease-out forwards;background:#fff;color:#1a202c;display:flex;flex:1 1;flex-direction:column;opacity:0}.user-dashboard-welcome-section{animation:fadeIn .3s ease-out .1s forwards;flex:1 1;margin:0 auto;max-width:1200px;opacity:0;padding:2rem;width:100%}.user-dashboard-welcome-title{animation:fadeInUp .5s ease-out .2s forwards;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:2rem;opacity:0}.user-dashboard-name-highlight{color:#f59e0b}.user-dashboard-assessment-banner{animation:fadeInUp .5s ease-out .3s forwards;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:12px;color:#92400e;margin-bottom:2rem;opacity:0;padding:1.5rem}.user-dashboard-assessment-banner.completed{background:linear-gradient(135deg,#10b981,#059669);color:#065f46}.user-dashboard-banner-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.user-dashboard-banner-subtitle{font-size:1rem;opacity:.8}.user-dashboard-get-started-section{animation:scaleIn .5s ease-out .4s forwards;background:linear-gradient(135deg,#000000d9,#1b118bd9);border:1px solid #ffffff1a;border-radius:16px;color:#fff;margin-bottom:3rem;opacity:0;padding:3rem;text-align:center}.user-dashboard-section-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.user-dashboard-section-description{color:#fffc;font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.user-dashboard-take-assessment-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;box-shadow:0 4px 15px #3b82f666;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.user-dashboard-take-assessment-btn:hover{box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.user-dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.user-dashboard-card{animation:fadeInUp .5s ease-out forwards;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000001a;color:#1a202c;opacity:0;padding:2rem;position:relative;transition:all .3s}.user-dashboard-card:first-child{animation-delay:.5s}.user-dashboard-card:nth-child(2){animation-delay:.55s}.user-dashboard-card:nth-child(3){animation-delay:.6s}.user-dashboard-card:nth-child(4){animation-delay:.65s}.user-dashboard-card:nth-child(5){animation-delay:.7s}.user-dashboard-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.user-dashboard-card.locked{background:linear-gradient(135deg,#f1f5f9,#cbd5e0);opacity:.6}.user-dashboard-card.locked:after{color:#9ca3af;content:"🔒 Locked";font-size:.8rem;position:absolute;right:10px;top:10px}.user-dashboard-card h3{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.user-dashboard-card p{color:#4a5568;font-size:.9rem}.strand-text{border-radius:12px;color:#1809e4;font-size:1.8rem;font-weight:800;padding:.5rem 1rem;text-align:center;transition:transform .2s,box-shadow .2s}.strand-text.strand-completed{font-size:2.2rem;text-shadow:1px 1px 4px #00000026;transform:scale(1.05)}.strand-text.strand-stem{color:#007bff}.strand-text.strand-humss{color:green}.strand-text.strand-abm{color:orange}.strand-text:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.progress-bar-container{background-color:#e0e0e0;border-radius:4px;height:8px;margin-top:8px;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,coral,#ff4500);border-radius:4px;height:100%;transition:width .3s ease-in-out}.dashboard-action-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.8rem;padding:.5rem 1rem;transition:all .3s}.dashboard-action-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.user-dashboard-footer{animation:fadeInUp .5s ease-out .75s forwards;background:linear-gradient(135deg,#000000d9,#1b118bd9);opacity:0;padding:2rem;text-align:center}.user-dashboard-copyright{color:#ffffffb3;font-size:.9rem}.user-dashboard-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.user-dashboard-loading p{color:#6b7280;font-size:1.1rem}@media (max-width:1024px){.user-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.user-dashboard-welcome-title{font-size:2.2rem}.user-dashboard-section-title{font-size:1.8rem}}@media (max-width:768px){.user-dashboard-main-layout{flex-direction:column}.user-dashboard-welcome-section{padding:1rem}.user-dashboard-welcome-title{font-size:2rem;line-height:1.2;margin-bottom:1.5rem}.user-dashboard-section-title{font-size:1.5rem;line-height:1.3}.user-dashboard-section-description{font-size:1rem;margin-bottom:1.5rem}.user-dashboard-get-started-section{padding:2rem 1.5rem}.user-dashboard-take-assessment-btn{font-size:1rem;padding:.8rem 1.5rem}.user-dashboard-grid{gap:1rem;grid-template-columns:1fr}.user-dashboard-card{padding:1.5rem}.user-dashboard-assessment-banner{padding:1rem}.user-dashboard-banner-title{font-size:1.1rem}.user-dashboard-banner-subtitle{font-size:.9rem}.strand-text{font-size:1.5rem}}@media (max-width:480px){.user-dashboard-welcome-section{padding:.8rem}.user-dashboard-welcome-title{font-size:1.6rem}.user-dashboard-section-title{font-size:1.3rem}.user-dashboard-get-started-section{padding:1.5rem 1rem}.user-dashboard-take-assessment-btn{font-size:.9rem;padding:.7rem 1.2rem}.user-dashboard-card{padding:1.2rem}.strand-text{font-size:1.3rem}.dashboard-action-btn{font-size:.85rem;padding:.4rem .8rem}.loading-spinner{border-width:3px;height:40px;width:40px}.user-dashboard-loading p{font-size:1rem}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.assessment-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.assessment-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.assessment-loading p{color:#6b7280;font-size:1.1rem}.assessment-main-layout{display:flex;flex:1 1}.assessment-main-content{animation:fadeIn 1s ease-out .4s both;background:#fff;color:#1a202c;display:flex;flex:1 1;flex-direction:column}.assessment-content-section{flex:1 1;margin:0 auto;max-width:1400px;padding:3rem 4rem;width:100%}.assessment-title{animation:fadeInUp 1s ease-out .5s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:4rem;text-align:center}.assessment-steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.assessment-step-card{animation:fadeInUp 1s ease-out both;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.assessment-step-card:first-child{animation-delay:.6s}.assessment-step-card:nth-child(2){animation-delay:.7s}.assessment-step-card:nth-child(3){animation-delay:.8s}.assessment-step-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.step-header{height:8px;position:relative}.step-1{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.step-2{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.step-3{background:linear-gradient(90deg,#10b981,#059669)}.step-number{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#1a202c;font-size:.75rem;font-weight:600;left:1.5rem;padding:.3rem .8rem;position:absolute;top:1rem}.step-content{padding:3rem 1.5rem 2rem;text-align:center}.step-icon{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:1rem}.step-icon-image{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:60px;object-fit:contain;transition:transform .3s ease;width:60px}.assessment-step-card:hover .step-icon-image{transform:scale(1.1)}.step-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step-description{color:#6b7280;font-size:.95rem;line-height:1.6}.assessment-action-section{animation:fadeInUp 1s ease-out .9s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;text-align:center}.assessment-option-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;box-shadow:0 6px 20px #3b82f666;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem 3rem;transition:all .3s}.assessment-option-btn:hover{box-shadow:0 8px 25px #3b82f699;transform:translateY(-2px)}.assessment-footer{animation:fadeInUp 1s ease-out 1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.assessment-copyright{color:#ffffffb3;font-size:.9rem}.modal-overlay{background-color:#00000080;z-index:9999}.modal-content{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 8px 20px #0003;max-width:400px;padding:30px 25px;text-align:center;width:90%}.modal-content p{color:#333;font-size:16px;margin-bottom:25px}.modal-actions{display:flex;gap:10px;justify-content:space-between}.modal-actions button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 0;transition:background-color .2s ease}.modal-actions button:first-child{background-color:#e0e0e0;color:#333}.modal-actions button:first-child:hover{background-color:#d5d5d5}.modal-actions button:last-child{background-color:#4caf50;color:#fff}.modal-actions button:last-child:hover{background-color:#43a047}@media (max-width:1200px){.assessment-content-section{padding:2rem 3rem}.assessment-steps-grid{gap:1.5rem}}@media (max-width:1024px){.assessment-steps-grid{grid-template-columns:1fr;margin:0 auto 4rem;max-width:500px}.assessment-title{font-size:2.2rem}.assessment-content-section{padding:2rem}}@media (max-width:768px){.assessment-main-layout{flex-direction:column}.assessment-content-section{padding:1.5rem 1rem}.assessment-title{font-size:1.8rem;margin-bottom:2rem}.step-content{padding:2rem 1rem 1.5rem}.step-title{font-size:1.1rem}.step-description{font-size:.9rem}.assessment-option-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.assessment-content-section{padding:1rem .8rem}.assessment-title{font-size:1.5rem}.step-content{padding:1.5rem .8rem 1rem}.step-icon-image{height:50px;width:50px}.assessment-option-btn{font-size:.9rem;padding:.8rem 1.5rem}.modal-content{padding:20px 15px}.modal-content p{font-size:14px}.loading-spinner{border-width:3px;height:40px;width:40px}.assessment-loading p{font-size:1rem}}.take-assessment-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.take-assessment-main-layout{display:flex;flex:1 1}.take-assessment-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c;display:flex;flex:1 1;flex-direction:column}.take-assessment-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.take-assessment-loading p{color:#6b7280;font-size:1.1rem}.take-assessment-content-section{flex:1 1;margin:0 auto;max-width:900px;padding:2rem 3rem;width:100%}.buffer-question{animation:fadeInUp .8s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001a;color:#1a202c;margin:4rem auto;max-width:600px;padding:2.5rem 2rem;text-align:center}.buffer-question h2{color:#1a202c;font-size:1.6rem;font-weight:700;margin-bottom:2rem}.buffer-options{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.buffer-btn{background:#0000;border:2px solid #3b82f6;border-radius:12px;color:#3b82f6;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s ease}.buffer-btn:hover{background:#3b82f6;color:#fff;transform:translateY(-2px)}.buffer-btn.selected{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666;color:#fff}.course-dropdown{margin:1.5rem 0 2rem;text-align:left}.course-dropdown label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.course-dropdown select{background:#f9fafb;border:2px solid #d1d5db;border-radius:8px;color:#111827;font-size:1rem;padding:.7rem 1rem;transition:border-color .2s ease;width:100%}.course-dropdown select:focus{background:#fff;border-color:#3b82f6;outline:none}.question-item,.questions-container{margin-bottom:3rem}.question-item{animation:fadeInUp .8s ease-out both}.question-item:first-child{animation-delay:.1s}.question-item:nth-child(2){animation-delay:.15s}.question-item:nth-child(3){animation-delay:.2s}.question-item:nth-child(4){animation-delay:.25s}.question-item:nth-child(5){animation-delay:.3s}.question-item.error{background:#fff6f6;border-left:4px solid #d9534f;border-radius:6px;padding-left:10px}.error-message{color:#d9534f;font-size:.9rem;font-weight:500;margin-bottom:6px}.question-text{color:#1a202c;font-size:1.1rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem}.scale-container{align-items:flex-start;display:flex;gap:1.5rem;justify-content:center;margin:1.5rem 0}.scale-option{align-items:center;display:flex;flex-direction:column;gap:.75rem;max-width:90px}.scale-label{color:#6b7280;font-size:.85rem;font-weight:500;line-height:1.3;min-height:32px;text-align:center}.scale-button{background:#e5e7eb;border:2px solid #0000;border-radius:50%;cursor:pointer;font-size:1.1rem;font-weight:600;height:50px;transition:all .3s ease;width:50px}.scale-button:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.scale-button.scale-1{background:#fca5a5}.scale-button.scale-2{background:#f87171}.scale-button.scale-3{background:#9ca3af}.scale-button.scale-4{background:#86efac}.scale-button.scale-5{background:#22c55e}.scale-button.selected{border-color:#1f2937;box-shadow:0 6px 20px #0003;transform:scale(1.15)}.scale-button.selected.scale-1{background:#dc2626;color:#fff}.scale-button.selected.scale-2{background:#b91c1c;color:#fff}.scale-button.selected.scale-3{background:#6b7280;color:#fff}.scale-button.selected.scale-4{background:#16a34a;color:#fff}.scale-button.selected.scale-5{background:#15803d;color:#fff}.nav-btn-container{display:flex;justify-content:center;margin-bottom:2rem}.nav-btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.8rem 2rem;transition:all .3s ease}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.next-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 15px #3b82f666;color:#fff}.next-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b98166;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #10b98199;transform:translateY(-2px)}.progress-indicator{color:#6b7280;font-size:.9rem;margin-bottom:2rem;text-align:center}.take-assessment-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.take-assessment-copyright{color:#ffffffb3;font-size:.9rem}.loading-overlay{align-items:center;background:#000000b3;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.loading-message{color:#fff;font-size:1.2rem;font-weight:600}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-box{animation:fadeInUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;color:#1a202c;max-width:400px;padding:2.5rem 2rem;text-align:center;width:90%}.modal-box h2{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.modal-box p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.confirm-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:25px;color:#fff;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .3s}.confirm-btn:hover{box-shadow:0 6px 20px #3b82f699;transform:translateY(-2px)}@media (max-width:1024px){.take-assessment-content-section{padding:2rem}.scale-container{gap:1.5rem}}@media (max-width:768px){.take-assessment-main-layout{flex-direction:column}.take-assessment-content-section{padding:1.5rem 1rem}.question-text{font-size:1rem}.scale-container{gap:1rem}.scale-button{height:40px;width:40px}.scale-label{font-size:.8rem}.nav-btn{font-size:.9rem;min-width:120px;padding:.7rem 1.5rem}.buffer-question{margin:2rem auto;padding:2rem 1.5rem}.buffer-question h2{font-size:1.4rem}.buffer-btn{padding:.7rem 1.5rem}}@media (max-width:480px){.take-assessment-content-section{padding:1rem .8rem}.question-text{font-size:.9rem}.scale-container{flex-wrap:wrap;gap:.8rem;justify-content:center}.scale-option{margin-bottom:.5rem}.scale-button{font-size:.9rem;height:35px;width:35px}.scale-label{font-size:.7rem}.nav-btn{font-size:.8rem;min-width:100px;padding:.6rem 1.2rem}.buffer-question{margin:1.5rem auto;padding:1.5rem 1rem}.buffer-question h2{font-size:1.2rem;margin-bottom:1.5rem}.buffer-options{flex-direction:column;gap:1rem}.buffer-btn{font-size:.9rem;padding:.6rem 1.2rem}.loading-spinner{border-width:3px;height:40px;width:40px}.loading-message,.take-assessment-loading p{font-size:1rem}.modal-box{padding:2rem 1.5rem}.modal-box h2{font-size:1.5rem}.modal-box p{font-size:1rem}.confirm-btn{font-size:.9rem;padding:.7rem 2rem}}.stem-courses-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.stem-courses-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.stem-courses-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.stem-courses-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.stem-course-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-left:8px solid #10b981;border-radius:20px;padding:2rem;transition:all .3s ease}.stem-course-card:first-child{animation-delay:.6s}.stem-course-card:nth-child(2){animation-delay:.7s}.stem-course-card:nth-child(3){animation-delay:.8s}.stem-course-card:nth-child(4){animation-delay:.9s}.stem-course-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.stem-course-card-header{margin-bottom:1.5rem}.stem-course-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.stem-course-duration{color:#4a5568;font-size:1rem;margin-bottom:.5rem}.stem-course-description{color:#4a5568;font-size:1rem;line-height:1.6}.stem-course-match-section{margin-top:1.5rem}.stem-progress-bar-container{background:#e5e7eb;border-radius:15px;height:30px;margin-bottom:1rem;overflow:hidden;width:100%}.stem-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:15px;height:100%;transition:width 1s ease-out}.stem-match-text{color:#1a202c;font-size:1.1rem;font-weight:600}.stem-why-programs-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.stem-why-programs-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.stem-why-programs-text{color:#4a5568;font-size:1rem;line-height:1.8;text-align:justify}@media (max-width:1024px){.stem-courses-content-section{padding:2rem}.stem-courses-page-title{font-size:2.2rem}}@media (max-width:768px){.stem-courses-content-section{padding:1.5rem 1rem}.stem-courses-page-title{font-size:1.8rem}.stem-courses-subtitle{font-size:1rem}.stem-course-card{padding:1.5rem}.stem-course-title{font-size:1.5rem}.stem-course-description,.stem-course-duration{font-size:.9rem}.stem-match-text{font-size:1rem}.stem-why-programs-section{padding:1.5rem}.stem-why-programs-title{font-size:1.3rem}.stem-why-programs-text{font-size:.9rem}}@media (max-width:480px){.stem-courses-content-section{padding:1rem .8rem}.stem-courses-page-title{font-size:1.5rem}.stem-courses-subtitle{font-size:.9rem}.stem-course-card{padding:1.2rem}.stem-course-title{font-size:1.3rem}.stem-course-description,.stem-course-duration,.stem-match-text{font-size:.85rem}.stem-why-programs-section{padding:1.2rem}.stem-why-programs-title{font-size:1.2rem}.stem-why-programs-text{font-size:.85rem}}.abm-courses-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.abm-courses-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.abm-courses-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.abm-courses-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.abm-course-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-left:8px solid #8b5cf6;border-radius:20px;padding:2rem;transition:all .3s ease}.abm-course-card:first-child{animation-delay:.6s}.abm-course-card:nth-child(2){animation-delay:.7s}.abm-course-card:nth-child(3){animation-delay:.8s}.abm-course-card:nth-child(4){animation-delay:.9s}.abm-course-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.abm-course-card-header{margin-bottom:1.5rem}.abm-course-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.abm-course-duration{color:#4a5568;font-size:1rem;margin-bottom:.5rem}.abm-course-description{color:#4a5568;font-size:1rem;line-height:1.6}.abm-course-match-section{margin-top:1.5rem}.abm-progress-bar-container{background:#e5e7eb;border-radius:15px;height:30px;margin-bottom:1rem;overflow:hidden;width:100%}.abm-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:15px;height:100%;transition:width 1s ease-out}.abm-match-text{color:#1a202c;font-size:1.1rem;font-weight:600}.abm-why-programs-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.abm-why-programs-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.abm-why-programs-text{color:#4a5568;font-size:1rem;line-height:1.8;text-align:justify}@media (max-width:1024px){.abm-courses-content-section{padding:2rem}.abm-courses-page-title{font-size:2.2rem}}@media (max-width:768px){.abm-courses-content-section{padding:1.5rem 1rem}.abm-courses-page-title{font-size:1.8rem}.abm-courses-subtitle{font-size:1rem}.abm-course-card{padding:1.5rem}.abm-course-title{font-size:1.5rem}.abm-course-description,.abm-course-duration{font-size:.9rem}.abm-match-text{font-size:1rem}.abm-why-programs-section{padding:1.5rem}.abm-why-programs-title{font-size:1.3rem}.abm-why-programs-text{font-size:.9rem}}@media (max-width:480px){.abm-courses-content-section{padding:1rem .8rem}.abm-courses-page-title{font-size:1.5rem}.abm-courses-subtitle{font-size:.9rem}.abm-course-card{padding:1.2rem}.abm-course-title{font-size:1.3rem}.abm-course-description,.abm-course-duration,.abm-match-text{font-size:.85rem}.abm-why-programs-section{padding:1.2rem}.abm-why-programs-title{font-size:1.2rem}.abm-why-programs-text{font-size:.85rem}}.humss-courses-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.humss-courses-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.humss-courses-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.humss-courses-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.humss-course-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-left:8px solid #f59e0b;border-radius:20px;padding:2rem;transition:all .3s ease}.humss-course-card:first-child{animation-delay:.6s}.humss-course-card:nth-child(2){animation-delay:.7s}.humss-course-card:nth-child(3){animation-delay:.8s}.humss-course-card:nth-child(4){animation-delay:.9s}.humss-course-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.humss-course-card-header{margin-bottom:1.5rem}.humss-course-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:.8rem}.humss-course-duration{color:#4a5568;font-size:1rem;margin-bottom:.5rem}.humss-course-description{color:#4a5568;font-size:1rem;line-height:1.6}.humss-course-match-section{margin-top:1.5rem}.humss-progress-bar-container{background:#e5e7eb;border-radius:15px;height:30px;margin-bottom:1rem;overflow:hidden;width:100%}.humss-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:15px;height:100%;transition:width 1s ease-out}.humss-match-text{color:#1a202c;font-size:1.1rem;font-weight:600}.humss-why-programs-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;padding:2rem}.humss-why-programs-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.humss-why-programs-text{color:#4a5568;font-size:1rem;line-height:1.8;text-align:justify}@media (max-width:1024px){.humss-courses-content-section{padding:2rem}.humss-courses-page-title{font-size:2.2rem}}@media (max-width:768px){.humss-courses-content-section{padding:1.5rem 1rem}.humss-courses-page-title{font-size:1.8rem}.humss-courses-subtitle{font-size:1rem}.humss-course-card{padding:1.5rem}.humss-course-title{font-size:1.5rem}.humss-course-description,.humss-course-duration{font-size:.9rem}.humss-match-text{font-size:1rem}.humss-why-programs-section{padding:1.5rem}.humss-why-programs-title{font-size:1.3rem}.humss-why-programs-text{font-size:.9rem}}@media (max-width:480px){.humss-courses-content-section{padding:1rem .8rem}.humss-courses-page-title{font-size:1.5rem}.humss-courses-subtitle{font-size:.9rem}.humss-course-card{padding:1.2rem}.humss-course-title{font-size:1.3rem}.humss-course-description,.humss-course-duration,.humss-match-text{font-size:.85rem}.humss-why-programs-section{padding:1.2rem}.humss-why-programs-title{font-size:1.2rem}.humss-why-programs-text{font-size:.85rem}}.courses-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.courses-main-layout{display:flex;flex:1 1}.courses-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c}.courses-loading,.courses-main-content{display:flex;flex:1 1;flex-direction:column}.courses-loading{align-items:center;gap:1.5rem;justify-content:center;padding:4rem 2rem}.courses-loading p{color:#6b7280;font-size:1.1rem}.courses-locked{align-items:center;animation:fadeInUp 1s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.courses-locked-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.courses-locked-title{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.courses-locked-text{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.courses-locked-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;box-shadow:0 6px 20px #3b82f666;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.courses-locked-btn:hover{box-shadow:0 8px 25px #3b82f699;transform:translateY(-2px)}.courses-locked-btn:active{transform:translateY(0)}.courses-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.courses-copyright{color:#ffffffb3;font-size:.9rem}@media (max-width:480px){.custom-alert{left:16px;max-width:none;right:16px;top:80px;transform:none;width:calc(100% - 32px)}.alert-content{min-width:auto;padding:14px 20px;width:100%}.alert-icon{font-size:18px;height:26px;width:26px}.alert-text{font-size:13px}}@media (max-width:768px){.courses-main-layout{flex-direction:column}.courses-locked{padding:3rem 1.5rem}.courses-locked-icon{font-size:4rem}.courses-locked-title{font-size:1.6rem}.courses-locked-text{font-size:1rem}.courses-locked-btn{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.courses-locked{padding:2rem 1rem}.courses-locked-icon{font-size:3rem;margin-bottom:1rem}.courses-locked-title{font-size:1.4rem}.courses-locked-text{font-size:.95rem}.courses-locked-btn{font-size:.95rem;padding:.8rem 1.5rem}.loading-spinner{border-width:3px;height:40px;width:40px}.courses-loading p{font-size:1rem}}.stem-careers-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.stem-careers-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.stem-careers-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.stem-careers-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.stem-career-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-radius:20px;padding:2rem;transition:all .3s ease}.stem-career-card:first-child{animation-delay:.6s}.stem-career-card:nth-child(2){animation-delay:.7s}.stem-career-card:nth-child(3){animation-delay:.8s}.stem-career-card:nth-child(4){animation-delay:.9s}.stem-career-card.green-border{border-left:8px solid #10b981}.stem-career-card.blue-border{border-left:8px solid #3b82f6}.stem-career-card.orange-border{border-left:8px solid #f59e0b}.stem-career-card.red-border{border-left:8px solid #ef4444}.stem-career-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.stem-career-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.stem-career-info{flex:1 1}.stem-career-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.stem-career-description{line-height:1.6}.stem-career-description,.stem-career-salary{color:#4a5568;font-size:1rem;margin-bottom:.8rem}.stem-career-growth{color:#4a5568;font-size:1rem}.stem-career-icon{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.stem-career-icon img{height:100%;object-fit:contain;width:100%}.stem-why-careers-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.stem-why-careers-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.stem-why-careers-list{list-style:none;margin-bottom:1.5rem;padding:0}.stem-why-careers-list li{color:#4a5568;font-size:1rem;line-height:2;padding-left:.5rem}.stem-reassessment-text{color:#1a202c;font-size:1rem;font-weight:600;line-height:1.6;margin-top:1.5rem;text-align:center}.stem-retake-section{animation:fadeInUp 1s ease-out 1.1s both;margin-bottom:3rem;text-align:center}.stem-retake-btn{background:linear-gradient(135deg,#1a1b3a,#2d1b69);border:none;border-radius:12px;box-shadow:0 6px 20px #1a1b3a66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s}.stem-retake-btn:hover{box-shadow:0 8px 25px #1a1b3a99;transform:translateY(-2px)}@media (max-width:1024px){.stem-careers-content-section{padding:2rem}.stem-careers-page-title{font-size:2.2rem}.stem-career-icon{height:100px;width:100px}}@media (max-width:768px){.stem-careers-content-section{padding:1.5rem 1rem}.stem-careers-page-title{font-size:1.8rem}.stem-careers-subtitle{font-size:1rem}.stem-career-card{padding:1.5rem}.stem-career-content{flex-direction:column;text-align:center}.stem-career-icon{height:80px;order:-1;width:80px}.stem-career-title{font-size:1.5rem}.stem-career-description,.stem-career-growth,.stem-career-salary{font-size:.9rem}.stem-why-careers-section{padding:1.5rem}.stem-why-careers-title{font-size:1.3rem}.stem-why-careers-list li{font-size:.9rem}.stem-retake-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.stem-careers-content-section{padding:1rem .8rem}.stem-careers-page-title{font-size:1.5rem}.stem-careers-subtitle{font-size:.9rem}.stem-career-card{padding:1.2rem}.stem-career-icon{height:60px;width:60px}.stem-career-title{font-size:1.3rem}.stem-career-description,.stem-career-growth,.stem-career-salary{font-size:.85rem}.stem-why-careers-section{padding:1.2rem}.stem-why-careers-title{font-size:1.2rem}.stem-why-careers-list li{font-size:.85rem}.stem-reassessment-text{font-size:.9rem}.stem-retake-btn{font-size:.9rem;padding:.8rem 1.5rem}}.abm-careers-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.abm-careers-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.abm-careers-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.abm-careers-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.abm-career-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-radius:20px;padding:2rem;transition:all .3s ease}.abm-career-card:first-child{animation-delay:.6s}.abm-career-card:nth-child(2){animation-delay:.7s}.abm-career-card:nth-child(3){animation-delay:.8s}.abm-career-card:nth-child(4){animation-delay:.9s}.abm-career-card.purple-border{border-left:8px solid #8b5cf6}.abm-career-card.blue-border{border-left:8px solid #3b82f6}.abm-career-card.green-border{border-left:8px solid #10b981}.abm-career-card.orange-border{border-left:8px solid #f59e0b}.abm-career-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.abm-career-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.abm-career-info{flex:1 1}.abm-career-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.abm-career-description{line-height:1.6}.abm-career-description,.abm-career-salary{color:#4a5568;font-size:1rem;margin-bottom:.8rem}.abm-career-growth{color:#4a5568;font-size:1rem}.abm-career-icon{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.abm-career-icon img{height:100%;object-fit:contain;width:100%}.abm-why-careers-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.abm-why-careers-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.abm-why-careers-list{list-style:none;margin-bottom:1.5rem;padding:0}.abm-why-careers-list li{color:#4a5568;font-size:1rem;line-height:2;padding-left:.5rem}.abm-reassessment-text{color:#1a202c;font-size:1rem;font-weight:600;line-height:1.6;margin-top:1.5rem;text-align:center}.abm-retake-section{animation:fadeInUp 1s ease-out 1.1s both;margin-bottom:3rem;text-align:center}.abm-retake-btn{background:linear-gradient(135deg,#1a1b3a,#2d1b69);border:none;border-radius:12px;box-shadow:0 6px 20px #1a1b3a66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s}.abm-retake-btn:hover{box-shadow:0 8px 25px #1a1b3a99;transform:translateY(-2px)}@media (max-width:1024px){.abm-careers-content-section{padding:2rem}.abm-careers-page-title{font-size:2.2rem}.abm-career-icon{height:100px;width:100px}}@media (max-width:768px){.abm-careers-content-section{padding:1.5rem 1rem}.abm-careers-page-title{font-size:1.8rem}.abm-careers-subtitle{font-size:1rem}.abm-career-card{padding:1.5rem}.abm-career-content{flex-direction:column;text-align:center}.abm-career-icon{height:80px;order:-1;width:80px}.abm-career-title{font-size:1.5rem}.abm-career-description,.abm-career-growth,.abm-career-salary{font-size:.9rem}.abm-why-careers-section{padding:1.5rem}.abm-why-careers-title{font-size:1.3rem}.abm-why-careers-list li{font-size:.9rem}.abm-retake-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.abm-careers-content-section{padding:1rem .8rem}.abm-careers-page-title{font-size:1.5rem}.abm-careers-subtitle{font-size:.9rem}.abm-career-card{padding:1.2rem}.abm-career-icon{height:60px;width:60px}.abm-career-title{font-size:1.3rem}.abm-career-description,.abm-career-growth,.abm-career-salary{font-size:.85rem}.abm-why-careers-section{padding:1.2rem}.abm-why-careers-title{font-size:1.2rem}.abm-why-careers-list li{font-size:.85rem}.abm-reassessment-text{font-size:.9rem}.abm-retake-btn{font-size:.9rem;padding:.8rem 1.5rem}}.humss-careers-content-section{flex:1 1;margin:0 auto;max-width:1000px;padding:2rem 3rem;width:100%}.humss-careers-page-title{animation:fadeInUp 1s ease-out .4s both;color:#1a202c;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.humss-careers-subtitle{animation:fadeInUp 1s ease-out .5s both;color:#4a5568;font-size:1.1rem;margin-bottom:3rem}.humss-careers-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.humss-career-card{animation:fadeInUp 1s ease-out both;background:#fff;border:3px solid #1a202c;border-radius:20px;padding:2rem;transition:all .3s ease}.humss-career-card:first-child{animation-delay:.6s}.humss-career-card:nth-child(2){animation-delay:.7s}.humss-career-card:nth-child(3){animation-delay:.8s}.humss-career-card:nth-child(4){animation-delay:.9s}.humss-career-card.orange-border{border-left:8px solid #f59e0b}.humss-career-card.blue-border{border-left:8px solid #3b82f6}.humss-career-card.purple-border{border-left:8px solid #8b5cf6}.humss-career-card:hover{box-shadow:0 8px 30px #00000026;transform:translateX(8px)}.humss-career-content{align-items:center;display:flex;gap:2rem;justify-content:space-between}.humss-career-info{flex:1 1}.humss-career-title{color:#1a202c;font-size:1.8rem;font-weight:700;margin-bottom:1rem}.humss-career-description{line-height:1.6}.humss-career-description,.humss-career-salary{color:#4a5568;font-size:1rem;margin-bottom:.8rem}.humss-career-growth{color:#4a5568;font-size:1rem}.humss-career-icon{align-items:center;display:flex;flex-shrink:0;height:120px;justify-content:center;width:120px}.humss-career-icon img{height:100%;object-fit:contain;width:100%}.humss-why-careers-section{animation:fadeInUp 1s ease-out 1s both;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:2rem}.humss-why-careers-title{color:#1a202c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.humss-why-careers-list{list-style:none;margin-bottom:1.5rem;padding:0}.humss-why-careers-list li{color:#4a5568;font-size:1rem;line-height:2;padding-left:.5rem}.humss-reassessment-text{color:#1a202c;font-size:1rem;font-weight:600;line-height:1.6;margin-top:1.5rem;text-align:center}.humss-retake-section{animation:fadeInUp 1s ease-out 1.1s both;margin-bottom:3rem;text-align:center}.humss-retake-btn{background:linear-gradient(135deg,#1a1b3a,#2d1b69);border:none;border-radius:12px;box-shadow:0 6px 20px #1a1b3a66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.2rem 3rem;transition:all .3s}.humss-retake-btn:hover{box-shadow:0 8px 25px #1a1b3a99;transform:translateY(-2px)}@media (max-width:1024px){.humss-careers-content-section{padding:2rem}.humss-careers-page-title{font-size:2.2rem}.humss-career-icon{height:100px;width:100px}}@media (max-width:768px){.humss-careers-content-section{padding:1.5rem 1rem}.humss-careers-page-title{font-size:1.8rem}.humss-careers-subtitle{font-size:1rem}.humss-career-card{padding:1.5rem}.humss-career-content{flex-direction:column;text-align:center}.humss-career-icon{height:80px;order:-1;width:80px}.humss-career-title{font-size:1.5rem}.humss-career-description,.humss-career-growth,.humss-career-salary{font-size:.9rem}.humss-why-careers-section{padding:1.5rem}.humss-why-careers-title{font-size:1.3rem}.humss-why-careers-list li{font-size:.9rem}.humss-retake-btn{font-size:1rem;padding:1rem 2rem}}@media (max-width:480px){.humss-careers-content-section{padding:1rem .8rem}.humss-careers-page-title{font-size:1.5rem}.humss-careers-subtitle{font-size:.9rem}.humss-career-card{padding:1.2rem}.humss-career-icon{height:60px;width:60px}.humss-career-title{font-size:1.3rem}.humss-career-description,.humss-career-growth,.humss-career-salary{font-size:.85rem}.humss-why-careers-section{padding:1.2rem}.humss-why-careers-title{font-size:1.2rem}.humss-why-careers-list li{font-size:.85rem}.humss-reassessment-text{font-size:.9rem}.humss-retake-btn{font-size:.9rem;padding:.8rem 1.5rem}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-20px)}}.careers-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.custom-alert{animation:slideDown .4s ease-out,fadeOut .4s ease-out 2.6s forwards;left:50%;max-width:calc(100vw - 40px);pointer-events:none;position:fixed;top:100px;transform:translateX(-50%);width:auto;z-index:10000}.alert-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50px;box-shadow:0 8px 32px #4caf5066,inset 0 0 0 1px #ffffff1a;color:#fff;display:flex;gap:12px;max-width:100%;min-width:280px;padding:16px 32px;white-space:nowrap}.alert-content.error{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 8px 32px #f4433666,inset 0 0 0 1px #ffffff1a}.alert-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:30px;justify-content:center;width:30px}.alert-text{font-size:15px;font-weight:600;letter-spacing:.3px}.careers-main-layout{display:flex;flex:1 1}.careers-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c}.careers-loading,.careers-main-content{display:flex;flex:1 1;flex-direction:column}.careers-loading{align-items:center;gap:1.5rem;justify-content:center;padding:4rem 2rem}.careers-loading p{color:#6b7280;font-size:1.1rem}.careers-locked{align-items:center;animation:fadeInUp 1s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.careers-locked-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.careers-locked-title{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.careers-locked-text{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.careers-locked-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;box-shadow:0 6px 20px #3b82f666;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.careers-locked-btn:hover{box-shadow:0 8px 25px #3b82f699;transform:translateY(-2px)}.careers-locked-btn:active{transform:translateY(0)}.careers-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.careers-copyright{color:#ffffffb3;font-size:.9rem}@media (max-width:768px){.custom-alert{max-width:calc(100vw - 32px);top:90px}.alert-content{min-width:260px;padding:14px 28px;white-space:normal}.alert-text{font-size:14px}}@media (max-width:480px){.custom-alert{left:16px;max-width:none;right:16px;top:80px;transform:none;width:calc(100% - 32px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.alert-content{min-width:auto;padding:14px 20px;width:100%}.alert-icon{font-size:18px;height:26px;width:26px}.alert-text{font-size:13px}}@media (max-width:360px){.custom-alert{left:12px;right:12px;top:75px;width:calc(100% - 24px)}.alert-content{gap:10px;padding:12px 16px}.alert-icon{font-size:16px;height:24px;width:24px}.alert-text{font-size:12px}}@media (max-width:768px){.careers-main-layout{flex-direction:column}.careers-locked{padding:3rem 1.5rem}.careers-locked-icon{font-size:4rem}.careers-locked-title{font-size:1.6rem}.careers-locked-text{font-size:1rem}.careers-locked-btn{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.careers-locked{padding:2rem 1rem}.careers-locked-icon{font-size:3rem;margin-bottom:1rem}.careers-locked-title{font-size:1.4rem}.careers-locked-text{font-size:.95rem}.careers-locked-btn{font-size:.95rem;padding:.8rem 1.5rem}.loading-spinner{border-width:3px;height:40px;width:40px}.careers-loading p{font-size:1rem}}.profile-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.profile-main-layout{display:flex;flex:1 1}.profile-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c}.profile-loading,.profile-main-content{display:flex;flex:1 1;flex-direction:column}.profile-loading{align-items:center;gap:1.5rem;justify-content:center;padding:4rem 2rem}.profile-loading p{color:#6b7280;font-size:1.1rem}.profile-content-section{animation:fadeInUp 1s ease-out .4s both;flex:1 1;margin:0 auto;max-width:900px;padding:3rem;width:100%}.profile-header-section{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.profile-avatar-container{flex-shrink:0}.profile-avatar-image{border:4px solid #e5e7eb;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:150px;object-fit:cover;width:150px}.profile-welcome{flex:1 1}.profile-welcome-title{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.profile-name-highlight{color:#3b82f6}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-form-group{align-items:center;display:flex;gap:1rem}.profile-label{color:#1a202c;font-size:1rem;font-weight:600;min-width:150px}.profile-input,.profile-select{border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.profile-input:focus,.profile-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.profile-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231a202c' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.profile-save-section{border-top:2px solid #e5e7eb;display:flex;gap:12px;justify-content:center;margin-top:2rem;padding-top:2rem}.profile-save-btn{background-color:#4cafef;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 18px;transition:background-color .2s ease}.profile-save-btn:hover:not(:disabled){background-color:#3a9ad9}.profile-save-btn:disabled{background-color:#bcdff8;cursor:not-allowed}.profile-revert-btn{background-color:initial;border:2px solid #e74c3c;border-radius:6px;color:#e74c3c;cursor:pointer;font-size:14px;font-weight:700;padding:9px 16px;transition:all .2s ease}.profile-revert-btn:hover:not(:disabled){background-color:#e74c3c;color:#fff}.profile-revert-btn:disabled{cursor:not-allowed;opacity:.6}.profile-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.profile-copyright{color:#ffffffb3;font-size:.9rem}.confirm-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.confirm-modal-box{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 6px 18px #00000040;max-width:420px;padding:20px 25px;text-align:left;width:100%}.confirm-modal-title{color:#333;font-size:18px;font-weight:700;margin-bottom:15px;text-align:center}.confirm-changes-list{margin-bottom:15px;max-height:220px;overflow-y:auto}.confirm-change-item{font-size:14px;margin-bottom:10px}.confirm-change-label{color:#444;font-weight:700;margin-right:6px}.confirm-change-old{color:#d9534f;margin-right:6px;text-decoration:line-through}.confirm-change-new{color:#27ae60;font-weight:700}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px}.confirm-btn.cancel{background:#bdc3c7;color:#2c3e50}.confirm-btn.confirm{background:#27ae60;color:#fff}.confirm-btn.cancel:hover{background:#95a5a6}.confirm-btn.confirm:hover{background:#219150}.modal-close-btn{background:#bdc3c7;border:none;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px}@media (max-width:1024px){.profile-content-section{padding:2rem}}@media (max-width:768px){.profile-main-layout{flex-direction:column}.profile-content-section{padding:1.5rem 1rem}.profile-header-section{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar-image{height:120px;width:120px}.profile-welcome-title{font-size:1.6rem}.profile-form-group{align-items:stretch;flex-direction:column;gap:.5rem}.profile-label{font-size:.9rem;min-width:auto}.profile-input,.profile-select{font-size:.95rem}.profile-revert-btn,.profile-save-btn{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.profile-content-section{padding:1rem .8rem}.profile-header-section{margin-bottom:2rem;padding-bottom:1.5rem}.profile-avatar-image{height:100px;width:100px}.profile-welcome-title{font-size:1.4rem}.profile-label{font-size:.85rem}.profile-input,.profile-select{font-size:.9rem;padding:.6rem .8rem}.loading-spinner{border-width:3px;height:40px;width:40px}}.settings-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.settings-main-layout{display:flex;flex:1 1}.settings-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c;display:flex;flex:1 1;flex-direction:column}.settings-content-section{animation:fadeInUp 1s ease-out .4s both;flex:1 1;margin:0 auto;max-width:900px;padding:3rem;width:100%}.settings-header{border-bottom:2px solid #e5e7eb;margin-bottom:3rem;padding-bottom:2rem}.settings-title{color:#1a202c;font-size:2.5rem;font-weight:700}.settings-form{gap:3rem}.settings-form,.settings-section{display:flex;flex-direction:column}.settings-section{gap:1.5rem}.settings-form-group{align-items:center;display:flex;gap:1rem}.settings-label{color:#1a202c;font-size:1rem;font-weight:600;min-width:200px}.settings-input{border:2px solid #e5e7eb;border-radius:8px;color:#1a202c;flex:1 1;font-size:1rem;padding:.75rem 1rem;transition:all .3s}.settings-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.settings-input::placeholder{color:#9ca3af}.settings-password-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.settings-password-wrapper .settings-input{padding-right:3rem;width:100%}.settings-password-toggle{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:1rem;transition:all .3s}.settings-password-toggle:hover{color:#3b82f6}.settings-password-toggle:focus{outline:none}.settings-save-section{border-top:2px solid #e5e7eb;display:flex;justify-content:center;margin-top:2rem;padding-top:2rem}.settings-save-btn{background:linear-gradient(135deg,#1a1b3a,#2d1b69);border:none;border-radius:12px;box-shadow:0 6px 20px #1a1b3a66;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s}.settings-save-btn:hover{box-shadow:0 8px 25px #1a1b3a99;transform:translateY(-2px)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.settings-save-btn:active:not(:disabled){transform:translateY(0)}.settings-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.settings-copyright{color:#ffffffb3;font-size:.9rem}@media (max-width:1024px){.settings-content-section{padding:2rem}}@media (max-width:768px){.settings-main-layout{flex-direction:column}.settings-content-section{padding:1.5rem 1rem}.settings-header{margin-bottom:2rem;padding-bottom:1.5rem}.settings-title{font-size:2rem}.settings-form-group{align-items:stretch;flex-direction:column;gap:.5rem}.settings-label{font-size:.9rem;min-width:auto}.settings-input{font-size:.95rem}.settings-save-btn{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.settings-content-section{padding:1rem .8rem}.settings-header{margin-bottom:1.5rem;padding-bottom:1rem}.settings-title{font-size:1.6rem}.settings-label{font-size:.85rem}.settings-input{font-size:.9rem;padding:.6rem .8rem}.settings-password-wrapper .settings-input{padding-right:2.5rem}.settings-password-toggle{right:.75rem}.settings-save-btn{font-size:.95rem;padding:.8rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}body{background:linear-gradient(135deg,#1a1b3a,#2d1b69 50%,#4c1d95);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.statistics-container{animation:fadeIn .6s ease-out;display:flex;flex-direction:column;min-height:100vh}.statistics-main-layout{display:flex;flex:1 1}.statistics-main-content{animation:fadeIn 1s ease-out .3s both;background:#fff;color:#1a202c;display:flex;flex:1 1;flex-direction:column}.statistics-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;justify-content:center;padding:4rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:50px;width:50px}.statistics-loading p{color:#6b7280;font-size:1.1rem}.statistics-locked{align-items:center;animation:fadeInUp 1s ease-out;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.statistics-locked-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:1.5rem}.statistics-locked-title{color:#1a202c;font-size:2rem;font-weight:700;margin-bottom:1rem}.statistics-locked-text{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.statistics-locked-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50px;box-shadow:0 6px 20px #3b82f666;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.statistics-locked-btn:hover{box-shadow:0 8px 25px #3b82f699;transform:translateY(-2px)}.statistics-locked-btn:active{transform:translateY(0)}.statistics-content-area{animation:fadeIn 1s ease-out .3s both;background:#f9fafc;display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.statistics-bottom-section,.statistics-top-section{grid-gap:1.5rem;box-sizing:border-box;display:grid;flex:1 1;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.statistics-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;transition:transform .2s ease,box-shadow .2s ease}.statistics-card:hover{box-shadow:0 8px 18px #0000001f;transform:translateY(-3px)}.statistics-card-header{border-bottom:1px solid #e0e0e0;padding:1rem 1.25rem}.statistics-card-header h2{color:#333;font-size:1.1rem;font-weight:600}.statistics-card-body{flex:1 1;overflow-y:auto;padding:1.25rem}.statistics-description p{color:#555;font-size:.95rem;margin:.4rem 0}.statistics-description strong{color:#222}.statistics-tie-table-container{margin-top:1rem}.statistics-tie-table-container h3{color:#333;font-size:1rem;font-weight:600;margin-bottom:.5rem}.statistics-chart .statistics-card-body{align-items:center;display:flex;justify-content:center;min-height:250px}.statistics-question-table{border-collapse:collapse;font-size:.95rem;width:100%}.statistics-question-table td,.statistics-question-table th{border:1px solid #e0e0e0;padding:.75rem;text-align:center}.statistics-question-table th{background:#f5f7fa;color:#333;font-weight:600}.statistics-question-table tr:hover{background:#f0faff}.statistics-question-table td{color:#555}.statistics-footer{animation:fadeInUp 1s ease-out 1.1s both;background:linear-gradient(135deg,#000000d9,#1b118bd9);padding:2rem;text-align:center}.statistics-copyright{color:#ffffffb3;font-size:.9rem}@media (max-width:1024px){.statistics-bottom-section,.statistics-top-section{grid-template-columns:1fr}}@media (max-width:768px){.statistics-main-layout{flex-direction:column}.statistics-bottom-section,.statistics-top-section{padding:1rem}.statistics-locked{padding:3rem 1.5rem}.statistics-locked-icon{font-size:4rem}.statistics-locked-title{font-size:1.6rem}.statistics-locked-text{font-size:1rem}.statistics-locked-btn{font-size:1rem;padding:.9rem 2rem}}@media (max-width:480px){.statistics-bottom-section,.statistics-top-section{gap:1rem;padding:1rem}.statistics-card-header h2{font-size:1rem}.statistics-card-body{padding:1rem}.statistics-question-table{font-size:.85rem}.statistics-question-table td,.statistics-question-table th{padding:.5rem}.statistics-locked{padding:2rem 1rem}.statistics-locked-icon{font-size:3rem;margin-bottom:1rem}.statistics-locked-title{font-size:1.4rem}.statistics-locked-text{font-size:.95rem}.statistics-locked-btn{font-size:.95rem;padding:.8rem 1.5rem}.loading-spinner{border-width:3px;height:40px;width:40px}.statistics-loading p{font-size:1rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e417c696.css.map*/