.courses-page{--primary:#1268ee;--primary-dark:#0756d6;--purple:#5b35e7;--text:#14213d;--muted:#667085;--border:#e3eaf3;--light-blue:#eef6ff;width:100%;min-height:100vh;color:var(--text);background:#fff;overflow-x:hidden}.courses-page a{text-decoration:none}.courses-container{width:min(1180px,100% - 48px);margin:0 auto}.courses-header{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#fffffff7;border-bottom:1px solid #e7edf5;width:100%;height:76px;position:sticky;top:0}.courses-header .courses-container{justify-content:space-between;align-items:center;gap:28px;height:100%;display:flex}.courses-logo{flex:none;align-items:center;height:100%;display:flex}.courses-logo img{object-fit:contain;width:112px;height:auto;display:block}.courses-header nav{justify-content:center;align-items:center;gap:30px;margin-left:auto;margin-right:auto;display:flex}.courses-header nav a{color:#172033;white-space:nowrap;align-items:center;min-height:44px;font-size:15px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.courses-header nav a:hover,.courses-header nav a.active{color:var(--primary)}.courses-header nav a.active:after{content:"";background:var(--primary);border-radius:4px;height:3px;position:absolute;bottom:0;left:0;right:0}.courses-actions{flex:none;align-items:center;gap:12px;display:flex}.login-btn,.signup-btn{border-radius:24px;justify-content:center;align-items:center;min-height:42px;padding:0 21px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.login-btn{color:#172033;background:#fff;border:1px solid #dbe4ef}.login-btn:hover{color:var(--primary);border-color:#a9c8f4;transform:translateY(-1px)}.signup-btn{color:#fff;background:var(--primary);border:1px solid var(--primary);box-shadow:0 7px 18px #1268ee33}.signup-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 25px #1268ee47}.courses-hero{background:radial-gradient(circle at 80% 20%,#7ebeff40,#0000 32%),radial-gradient(circle at 10% 80%,#7562ff17,#0000 28%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 55%,#f8fbff 100%);padding:86px 0 90px;position:relative;overflow:hidden}.courses-hero:before{content:"";pointer-events:none;background:#5b35e70f;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-90px}.courses-hero-grid{z-index:2;grid-template-columns:minmax(0,1fr) minmax(380px,.85fr);align-items:center;gap:70px;display:grid;position:relative}.courses-hero-content{max-width:650px}.courses-eyebrow{color:var(--primary);letter-spacing:.9px;background:#fff;border:1px solid #cfe1fb;border-radius:30px;align-items:center;padding:8px 14px;font-size:12px;font-weight:800;display:inline-flex;box-shadow:0 7px 20px #1268ee0f}.courses-hero h1{color:#111c36;letter-spacing:-3px;margin:20px 0 18px;font-size:clamp(46px,5vw,68px);font-weight:900;line-height:1.05}.courses-hero h1 span{background:linear-gradient(90deg,#1268ee,#4d49ee,#713ce7);color:#0000;-webkit-background-clip:text;background-clip:text}.courses-hero-content>p{color:#596981;max-width:600px;margin:0;font-size:17px;line-height:1.75}.courses-hero-buttons{align-items:center;gap:13px;margin-top:30px;display:flex}.primary-course-btn,.secondary-course-btn{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-course-btn{color:#fff;background:linear-gradient(135deg,#1268ee,#4f46e5);box-shadow:0 12px 25px #1268ee33}.primary-course-btn:hover{transform:translateY(-3px);box-shadow:0 16px 32px #1268ee47}.secondary-course-btn{color:var(--primary);background:#fff;border:1px solid #bdd6f8}.secondary-course-btn:hover{background:#f3f8ff;transform:translateY(-2px)}.courses-hero-visual{justify-content:center;align-items:center;min-height:390px;display:flex;position:relative}.course-emoji-card{background:radial-gradient(circle at 30% 25%,#fff,#0000 28%),linear-gradient(145deg,#fff,#dcecff);border:1px solid #d9e8f9;border-radius:70px;justify-content:center;align-items:center;width:300px;height:300px;font-size:125px;animation:5s ease-in-out infinite courseHeroFloat;display:flex;box-shadow:0 30px 75px #144b8c24,inset 0 1px #fff}.floating-course-card{color:#24324a;background:#fffffff5;border:1px solid #e3ebf5;border-radius:14px;align-items:center;gap:10px;padding:13px 17px;font-size:13px;font-weight:800;animation:4s ease-in-out infinite floatingCard;display:flex;position:absolute;box-shadow:0 15px 35px #16365f21}.card-one{top:45px;left:0}.card-two{animation-delay:.7s;top:130px;right:0}.card-three{animation-delay:1.3s;bottom:35px;left:30px}@keyframes floatingCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes courseHeroFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(1deg)}}.course-selection{background:#fff;padding:90px 0 100px;position:relative}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading>span{color:var(--primary);letter-spacing:1.5px;font-size:12px;font-weight:900;display:inline-block}.section-heading h2{color:#15213c;letter-spacing:-1.8px;margin:10px 0 12px;font-size:clamp(36px,4vw,50px);font-weight:900;line-height:1.15}.section-heading h2 span{background:linear-gradient(90deg,#1268ee,#5b35e7);color:#0000;-webkit-background-clip:text;background-clip:text}.section-heading p{color:#667085;max-width:650px;margin:0 auto;font-size:16px;line-height:1.65}.grade-section{background:#fff;padding:78px 0 72px;position:relative;overflow:hidden}.grade-section .section-heading{text-align:center;max-width:760px;margin:0 auto 38px}.grade-section .section-heading h2{color:#17365d;letter-spacing:-2px;margin:0 0 12px;font-size:clamp(38px,4vw,52px);font-weight:900;line-height:1.12}.grade-section .section-heading h2 span{color:#5b35e7;-webkit-text-fill-color:initial;background:0 0}.grade-section .section-heading p{color:#60758c;margin:0;font-size:15px;line-height:1.65}.grade-carousel{width:100%;max-width:1110px;margin:0 auto;padding:0 42px;position:relative}.grade-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:22px;width:100%;display:grid}.grade-card{background:#fff;border:1px solid #e3e9f1;border-radius:22px;flex-direction:column;min-width:0;min-height:410px;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #1e375a17}.grade-card:hover{border-color:#c7daf4;transform:translateY(-7px);box-shadow:0 22px 42px #1e416e24}.grade-card-top{justify-content:center;align-items:center;height:158px;min-height:158px;display:flex;position:relative;overflow:hidden}.grade-card.orange .grade-card-top{background:linear-gradient(135deg,#fff0dd 0%,#ffd2a4 100%)}.grade-card.pink .grade-card-top{background:linear-gradient(135deg,#ffe5f2 0%,#ffd0e5 100%)}.grade-card-top:before,.grade-card-top:after{color:#fffffff2;pointer-events:none;font-size:21px;line-height:1;position:absolute}.grade-card-top:before{content:"✦";top:24px;left:18px}.grade-card-top:after{content:"✦";top:28px;right:20px}.grade-card-top .small-star{color:#fff;opacity:.9;font-size:15px;position:absolute;bottom:25px;left:31px}.grade-circle{z-index:2;background:#fff;border:6px solid #ffffffbf;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex;position:relative;box-shadow:0 12px 25px #1e3c6429,inset 0 0 0 2px #e7edf4}.grade-circle small{color:#68768d;letter-spacing:1px;margin-bottom:3px;font-size:8px;font-weight:900;line-height:1}.grade-circle strong{color:#17479b;font-size:28px;font-weight:900;line-height:1}.star-badge{z-index:5;color:#fff;background:#ffbd1c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;line-height:1;display:flex;position:absolute;top:22px;right:calc(50% - 48px);box-shadow:0 5px 12px #ffaf0047}.grade-content{flex-direction:column;flex:1;padding:20px 18px 18px;display:flex}.grade-category{color:#687992;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;line-height:1.3;display:flex}.grade-category .explore-link{color:#1268ee;font-size:11px;font-weight:800}.grade-content h3{color:#132a55;margin:0 0 7px;font-size:17px;font-weight:900;line-height:1.25}.grade-description{color:#65758d;margin:0;font-size:12px;line-height:1.55}.course-meta{border-top:1px solid #e8edf3;flex-direction:column;gap:7px;margin-top:auto;padding:13px 0 10px;display:flex}.course-meta span{color:#53657e;align-items:center;font-size:11px;font-weight:600;line-height:1.35;display:flex}.grade-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2865ec,#4f46e5);border:0;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:38px;margin-top:0;padding:0 12px;font-size:12px;font-weight:800;line-height:1;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 7px 15px #2c5bdc2e}.grade-btn:hover{transform:translateY(-2px);box-shadow:0 11px 22px #2c5bdc47}.grade-carousel-arrow{z-index:20;color:#1268ee;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;line-height:1;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 22px #1c375a21}.grade-carousel-arrow:hover{background:#f5f9ff;transform:translateY(-50%)scale(1.08);box-shadow:0 12px 27px #1c375a2e}.grade-arrow-left{left:0}.grade-arrow-right{right:0}.grade-carousel-bottom{justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.grade-dots{align-items:center;gap:6px;display:flex}.grade-dot{cursor:pointer;background:#cbd7e5;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .2s,background .2s,border-radius .2s}.grade-dot.active{background:#2865ec;border-radius:10px;width:23px}.view-all-courses{color:#1268ee;background:#fff;border:1px solid #d7e1ed;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:12px;font-weight:800;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.view-all-courses:hover{background:#f3f8ff;border-color:#a9c8f4;transform:translateY(-1px)}.grade-card.yellow .grade-card-top{background:linear-gradient(135deg,#fff0cc 0%,#ffdda4 100%)}.grade-card.purple .grade-card-top{background:linear-gradient(135deg,#eee2ff 0%,#d6c0ff 100%)}.grade-card.blue .grade-card-top{background:linear-gradient(135deg,#def2ff 0%,#b9ddfa 100%)}.grade-card.green .grade-card-top{background:linear-gradient(135deg,#ddf8ea 0%,#bcefd5 100%)}.grade-card-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.grade-explore{color:#1268ee;font-size:11px;font-weight:800}.grade-divider{background:#e8edf3;width:100%;height:1px;margin:18px 0 12px}.grade-meta{flex-direction:column;gap:7px;margin-top:auto;padding:0 0 12px;display:flex}.grade-meta span{color:#53657e;align-items:center;font-size:11px;font-weight:600;line-height:1.35;display:flex}.star-badge{z-index:5;color:#fff;background:#ffbd1c;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex;position:absolute;top:22px;right:calc(50% - 48px);box-shadow:0 5px 12px #ffaf0047}@media (max-width:1050px){.grade-carousel{padding:0 38px}.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-card:nth-child(4){display:none}}@media (max-width:800px){.grade-section{padding:65px 0}.grade-carousel{padding:0 35px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grade-card:nth-child(n+3){display:none}.grade-card{min-height:395px}}@media (max-width:600px){.grade-section{padding:58px 0 60px}.grade-section .section-heading{margin-bottom:30px;padding:0 12px}.grade-section .section-heading h2{letter-spacing:-1px;font-size:32px}.grade-section .section-heading p{font-size:13px}.grade-carousel{padding:0 28px}.grade-grid{grid-template-columns:1fr;gap:18px}.grade-card{width:100%;min-height:390px}.grade-card:nth-child(n+2){display:none}.grade-card-top{height:155px;min-height:155px}.grade-circle{width:90px;height:90px}.grade-circle strong{font-size:27px}.grade-content{padding:19px 18px 18px}.grade-content h3{font-size:18px}.grade-carousel-arrow{width:36px;height:36px;font-size:15px}.grade-arrow-left{left:0}.grade-arrow-right{right:0}.grade-carousel-bottom{flex-wrap:wrap;gap:10px;margin-top:24px}}@media (max-width:380px){.grade-carousel{padding:0 24px}.grade-section .section-heading h2{font-size:29px}.grade-card-top{height:145px;min-height:145px}.grade-card{min-height:370px}.grade-carousel-arrow{width:32px;height:32px}.grade-dot{width:7px;height:7px}.grade-dot.active{width:20px}}.home-page .features-section,.courses-page .features-section{background-image:linear-gradient(#0a1937b8,#0a1937b8),url(/assets/home/hero-dark-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.features-section .section-heading{margin-bottom:52px}.features-section .section-heading h2{color:#17365d}.features-section .section-heading h2 span{color:#1688e8;-webkit-text-fill-color:initial;background:0 0}.features-section .section-heading p{color:#60758c}.features-section .section-eyebrow{color:#1688e8}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1120px;margin:0 auto;display:grid}.features-section .feature-item{text-align:center;min-height:150px;box-shadow:none;background:0 0;border:0;justify-content:center;align-items:center;padding:10px 20px;transition:transform .25s;display:flex;position:relative}.features-section .feature-item:hover{transform:translateY(-5px)}.features-section .feature-content{z-index:2;text-align:center;max-width:330px;position:relative}.features-section .feature-content h3{color:#17365d;margin:0 0 8px;font-size:18px;font-weight:800}.features-section .feature-content p{color:#5d7186;margin:0;font-size:13px;line-height:1.6}.feature-plane{color:#1688e8;opacity:.2;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none;position:absolute}.feature-plane-left{font-size:42px;top:50%;left:30px;transform:rotate(-20deg)}.feature-plane-right{font-size:42px;top:35%;right:30px;transform:rotate(20deg)}.courses-cta{background:#fff;padding:65px 0}.courses-cta>.courses-container{color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff2e,#0000 25%),linear-gradient(135deg,#1268ee,#5634df);border-radius:26px;justify-content:space-between;align-items:center;gap:40px;padding:50px 55px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 55px #284eb433}.courses-cta>.courses-container:after{content:"";border:25px solid #ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-80px;right:-55px}.courses-cta>.courses-container>div{z-index:2;position:relative}.courses-cta span{letter-spacing:1.4px;font-size:11px;font-weight:900}.courses-cta h2{margin:10px 0 8px;font-size:34px;font-weight:900;line-height:1.15}.courses-cta p{color:#ffffffdb;margin:0;font-size:15px}.cta-course-btn{z-index:3;color:#1268ee;background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;min-height:48px;padding:0 25px;font-size:14px;font-weight:900;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 10px 25px #0000001a}.cta-course-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #00000029}.site-footer{color:#fff;text-align:center;background:#282522;width:100%;padding:65px 30px 25px;position:relative;overflow:hidden}.footer-logo-wrap{justify-content:center;align-items:center;margin-bottom:38px;display:flex}.footer-main-logo{justify-content:center;align-items:center;display:inline-flex}.footer-logo-image{object-fit:contain;width:190px;height:auto;display:block}.footer-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 38px;width:100%;max-width:1100px;margin:0 auto;display:flex}.footer-nav a{color:#fff;font-size:15px;font-weight:650;transition:opacity .2s,transform .2s}.footer-nav a:hover{opacity:.7;transform:translateY(-1px)}.footer-social{justify-content:center;align-items:center;gap:28px;margin-top:38px;display:flex}.footer-social a{color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:19px;transition:transform .2s,opacity .2s;display:flex}.footer-social a:hover{opacity:.7;transform:translateY(-3px)}.footer-support{margin-top:30px}.footer-support h3{color:#fff;margin:0 0 18px;font-size:16px;font-weight:800}.footer-email{color:#fff;text-underline-offset:3px;align-items:center;gap:10px;font-size:15px;font-weight:500;display:inline-flex;text-decoration:underline!important}.footer-email span{font-size:20px}.footer-email:hover{opacity:.7}.footer-address{color:#ffffffe0;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:28px;font-size:14px;line-height:1.6;display:flex}.footer-address span+span:before{content:"•";margin-right:7px}.footer-cta{max-width:900px;margin:55px auto 0}.footer-cta h2{color:#fff;letter-spacing:-.03em;margin:0 0 28px;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.15}.footer-cta h2 span{color:#fff;display:inline-block}.footer-cta-box{background:#fff3ed;border-radius:40px;justify-content:space-between;align-items:center;gap:20px;max-width:670px;min-height:72px;margin:0 auto;padding:10px 14px 10px 28px;display:flex}.footer-cta-box p{color:#5c514a;margin:0;font-size:14px;font-weight:700}.footer-cta-button{color:#fff;background:linear-gradient(135deg,#ff6b1a,#e94d0b);border-radius:25px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 15px #e94d0b4d}.footer-cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #e94d0b66}.footer-cta-button span{font-size:17px}.footer-copyright{border-top:1px solid #ffffff1a;margin-top:45px;padding-top:22px}.footer-copyright p{color:#ffffff73;margin:0;font-size:12px}@media (max-width:1100px){.courses-container{width:min(100% - 36px,1000px)}.courses-header nav{gap:18px}.courses-header nav a{font-size:13px}.courses-hero-grid{gap:45px}.grade-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid{column-gap:30px}}@media (max-width:900px){.courses-header{height:70px}.courses-header nav{display:none}.courses-actions{margin-left:auto}.courses-hero{padding:65px 0 70px}.courses-hero-grid{text-align:center;grid-template-columns:1fr}.courses-hero-content{max-width:700px;margin:0 auto}.courses-hero-content>p{margin-left:auto;margin-right:auto}.courses-hero-buttons{justify-content:center}.courses-hero-visual{min-height:340px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.courses-cta>.courses-container{padding:42px 38px}.footer-nav{column-gap:25px}.footer-nav a{font-size:14px}.footer-cta{margin-top:45px}}@media (max-width:650px){.courses-container{width:min(100% - 28px,100%)}.courses-header{height:64px}.courses-logo img{width:92px}.courses-actions{gap:7px}.login-btn,.signup-btn{min-height:38px;padding:0 14px;font-size:12px}.courses-hero{padding:55px 0 60px}.courses-eyebrow{padding:7px 11px;font-size:10px}.courses-hero h1{letter-spacing:-2px;margin-top:17px;font-size:42px}.courses-hero-content>p{font-size:14px;line-height:1.65}.courses-hero-buttons{flex-direction:column;width:100%;margin-top:24px}.primary-course-btn,.secondary-course-btn{width:100%}.courses-hero-visual{min-height:290px}.course-emoji-card{border-radius:50px;width:220px;height:220px;font-size:90px}.floating-course-card{padding:9px 11px;font-size:10px}.card-one{top:25px;left:0}.card-two{top:90px;right:0}.card-three{bottom:20px;left:5px}.course-selection{padding:65px 0 70px}.section-heading{margin-bottom:32px}.section-heading h2{letter-spacing:-1px;font-size:34px}.section-heading p{font-size:14px}.grade-grid{grid-template-columns:1fr;gap:18px}.grade-card{min-height:0}.grade-icon{margin-top:20px}.grade-content{padding:17px 18px 18px}.features-section{padding:65px 0 60px}.features-section .section-heading{margin-bottom:38px}.features-grid{grid-template-columns:1fr;row-gap:28px}.features-section .feature-item{min-height:auto;padding:8px 18px}.features-section .feature-content h3{font-size:17px}.features-section .feature-content p{font-size:13px}.feature-plane-left{font-size:28px;left:8px}.feature-plane-right{font-size:28px;right:8px}.courses-cta{padding:45px 0}.courses-cta>.courses-container{border-radius:22px;flex-direction:column;align-items:flex-start;padding:35px 28px}.courses-cta h2{font-size:28px}.courses-cta p{font-size:13px}.cta-course-btn{width:100%}.site-footer{padding:50px 18px 20px}.footer-logo-wrap{margin-bottom:30px}.footer-logo-image{width:155px}.footer-nav{flex-direction:column;gap:15px}.footer-social{gap:22px;margin-top:30px}.footer-address{flex-direction:column}.footer-address span+span:before{display:none}.footer-cta{margin-top:42px}.footer-cta h2{font-size:2rem}.footer-cta-box{border-radius:25px;flex-direction:column;min-height:auto;padding:15px}.footer-cta-box p{text-align:center}.footer-cta-button{width:100%}}@media (max-width:380px){.courses-actions .signup-btn{display:none}.courses-hero h1{font-size:36px}.course-emoji-card{width:190px;height:190px;font-size:75px}.floating-course-card{font-size:9px}.courses-hero-visual{min-height:255px}}.courses-page a:focus-visible{outline-offset:3px;outline:3px solid #1268ee4d}@media (prefers-reduced-motion:reduce){.course-emoji-card,.floating-course-card{animation:none}.courses-page *{scroll-behavior:auto!important}}.student-sidebar-container{color:#111827!important;background:#fff!important;border-right:1px solid #e5e7eb!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;display:flex!important;position:sticky!important;top:0!important;overflow:hidden!important}.student-sidebar-scroll-area{flex:auto!important;padding:0 12px!important;overflow:hidden auto!important}.student-sidebar-footer{background:#fff!important;border-top:1px solid #e5e7eb!important;flex-shrink:0!important;margin-top:auto!important;padding:12px!important}.student-sidebar-section{width:100%;margin-top:8px}.student-sidebar-section-title{color:#111827;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 12px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.student-sidebar-section-title:hover{background:#f3f4f6}.student-sidebar-section-title svg{flex-shrink:0;width:20px;height:20px}.student-sidebar-section-title .section-arrow{margin-left:auto;transition:transform .2s}.student-sidebar-section-title .section-arrow.open{transform:rotate(90deg)}.student-sidebar-chapter{margin:4px 0}.student-sidebar-chapter-btn{color:#111827;cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:46px;padding:8px 10px;transition:background .2s,border-color .2s,transform .15s;display:flex}.student-sidebar-chapter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.student-sidebar-chapter-btn:active{transform:scale(.99)}.student-sidebar-chapter-number{color:#fff;background:#111827;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:flex}.student-sidebar-chapter-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.student-sidebar-chapter-title{text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:14px;font-weight:700;line-height:1.3;overflow:hidden}.student-sidebar-chapter-meta{color:#64748b;font-size:11px;font-weight:500}.student-sidebar-chapter-arrow{color:#64748b;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.student-sidebar-chapter-arrow.open{transform:rotate(90deg)}.student-sidebar-topic-list{flex-direction:column;gap:3px;margin:2px 0 8px 22px;padding:5px 0 5px 18px;display:flex;position:relative}.student-sidebar-topic-list:before{content:"";background:#e2e8f0;border-radius:999px;width:2px;position:absolute;top:0;bottom:0;left:5px}.student-sidebar-topic{color:#475569;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:38px;padding:7px 9px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.student-sidebar-topic:hover{color:#111827;background:#f1f5f9}.student-sidebar-topic:before{content:"";background:#cbd5e1;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;left:-17px;box-shadow:0 0 0 1px #cbd5e1}.student-sidebar-topic-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.student-sidebar-topic.active{color:#c2410c;background:#fff7ed;border-color:#fed7aa;font-weight:700}.student-sidebar-topic.active:before{background:#f97316;box-shadow:0 0 0 2px #fed7aa}.student-sidebar-topic.completed{color:#15803d}.student-sidebar-topic.completed:before{background:#22c55e;box-shadow:0 0 0 2px #bbf7d0}.student-sidebar-topic.locked{color:#94a3b8;cursor:not-allowed;opacity:.65}.student-sidebar-topic.locked:before{background:#cbd5e1}.student-sidebar-topic-check{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex}.student-sidebar-topic-lock{color:#94a3b8;flex-shrink:0;width:14px;height:14px}.student-sidebar-nav-item{color:#111827!important;background:0 0!important;min-height:48px!important;font-size:15px!important;font-weight:600!important}.student-sidebar-nav-item:hover{color:#111827!important;background:#f3f4f6!important}.student-sidebar-nav-item.active{color:#c2410c!important;background:#fff7ed!important;border-color:#fed7aa!important;box-shadow:inset 3px 0 #f97316!important}.student-sidebar-nav-label{font-size:15px!important}.student-sidebar-container.is-collapsed .student-sidebar-section-title{justify-content:center;padding:0}.student-sidebar-container.is-collapsed .student-sidebar-section-title span,.student-sidebar-container.is-collapsed .student-sidebar-chapter,.student-sidebar-container.is-collapsed .student-sidebar-topic-list{display:none}.courses-hero-grid{grid-template-columns:.95fr 1.15fr;align-items:center;gap:25px}.courses-hero-content{z-index:2;position:relative}.courses-hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex}.courses-hero-image{object-fit:contain;filter:drop-shadow(0 22px 30px #414ba021);width:100%;max-width:760px;height:auto;animation:5s ease-in-out infinite courseImageFloat;display:block}@keyframes courseImageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:900px){.courses-hero-grid{grid-template-columns:1fr;gap:10px}.courses-hero-visual{min-height:350px}.courses-hero-image{max-width:580px}}@media (max-width:650px){.courses-hero{padding:45px 0}.courses-hero-visual{min-height:auto}.courses-hero-image{max-width:100%}}@media (prefers-reduced-motion:reduce){.courses-hero-image{animation:none}}.courses-hero{background:radial-gradient(at 5% 20%,#ffffffd9 0%,#0000 35%),radial-gradient(at 90% 15%,#53a9ff7a 0%,#0000 38%),radial-gradient(at 50% 100%,#bea3ff7a 0%,#0000 48%),linear-gradient(120deg,#b9d5ff 0%,#d7e5ff 40%,#e4d9ff 75%,#c9dcff 100%);align-items:center;min-height:650px;padding:55px 0 65px;display:flex;position:relative;overflow:hidden}.courses-page{width:100%;max-width:100%;overflow-x:clip}.courses-page *,.courses-page :before,.courses-page :after{box-sizing:border-box}.courses-container{width:min(1180px,100% - 40px)}@media (max-width:900px){.courses-container{width:calc(100% - 36px)}.courses-hero-grid{text-align:center;grid-template-columns:1fr;gap:35px}.courses-hero-content{max-width:100%}.courses-hero-content>p{margin-inline:auto}.courses-hero-buttons{flex-wrap:wrap;justify-content:center}.courses-hero-visual{width:100%;min-height:320px}.grade-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.courses-cta>.courses-container{flex-wrap:wrap;gap:25px}}@media (max-width:650px){.courses-container{width:calc(100% - 32px)}.courses-header{height:64px}.courses-header .courses-container{gap:10px}.courses-logo img{width:85px;max-width:100%}.courses-actions{gap:7px}.login-btn,.signup-btn{min-height:36px;padding:0 12px;font-size:11px}.courses-hero{padding:45px 0 50px}.courses-hero-grid{gap:25px}.courses-eyebrow{letter-spacing:.5px;max-width:100%;padding:7px 10px;font-size:9px}.courses-hero h1{letter-spacing:-1.5px;margin:16px 0;font-size:clamp(32px,9vw,42px);line-height:1.12}.courses-hero-content>p{font-size:14px;line-height:1.65}.courses-hero-buttons{flex-direction:column;gap:12px;width:100%}.primary-course-btn,.secondary-course-btn{width:100%;min-height:46px;padding:0 14px}.courses-hero-visual{min-height:250px;overflow:hidden}.course-emoji-card{border-radius:35px;width:min(200px,65vw);height:min(200px,65vw);font-size:75px}.floating-course-card{gap:6px;max-width:44%;padding:8px 10px;font-size:9px}.card-one{top:15px;left:0}.card-two{top:85px;right:0}.card-three{bottom:10px;left:0}.course-selection,.grade-section{padding:48px 0}.section-heading{margin-bottom:28px;padding-inline:5px}.section-heading h2,.grade-section .section-heading h2{letter-spacing:-1px;font-size:clamp(27px,7vw,34px);line-height:1.2}.section-heading p,.grade-section .section-heading p{font-size:13px;line-height:1.6}.grade-carousel{padding:0 25px}.grade-grid{grid-template-columns:minmax(0,1fr);gap:16px}.grade-card{border-radius:18px;width:100%;min-width:0;min-height:0}.grade-card-top{height:140px;min-height:140px}.grade-circle{width:82px;height:82px}.grade-circle strong{font-size:25px}.grade-content{padding:17px 16px}.grade-content h3{font-size:17px}.grade-description{font-size:12px}.grade-btn{min-height:42px;font-size:12px}.grade-carousel-arrow{width:32px;height:32px;font-size:14px}.grade-carousel-bottom{flex-wrap:wrap;gap:10px}.features-section{padding:50px 0}.features-grid{grid-template-columns:1fr;gap:22px}.features-section .feature-item{min-height:auto;padding:12px}.features-section .feature-content h3{font-size:16px}.features-section .feature-content p{font-size:13px}.courses-cta{padding:40px 0}.courses-cta>.courses-container{border-radius:20px;flex-direction:column;align-items:stretch;gap:20px;padding:28px 22px}.courses-cta h2{font-size:clamp(24px,7vw,30px);line-height:1.2}.courses-cta p{font-size:13px;line-height:1.6}.cta-course-btn{width:100%;min-height:46px}.site-footer{padding:45px 16px 20px}.footer-logo-image{width:145px}.footer-nav{flex-direction:column;gap:14px}.footer-nav a{font-size:13px}.footer-social{gap:22px;margin-top:25px}.footer-address{overflow-wrap:anywhere;flex-direction:column;gap:8px;font-size:12px}.footer-address span+span:before{display:none}.footer-cta{margin-top:35px}.footer-cta h2{font-size:clamp(25px,7vw,32px)}.footer-cta-box{border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;padding:16px}.footer-cta-box p{text-align:center;font-size:12px}.footer-cta-button{width:100%}.footer-copyright{margin-top:30px}.footer-copyright p{font-size:11px;line-height:1.5}}@media (max-width:380px){.courses-container{width:calc(100% - 24px)}.courses-actions .signup-btn{display:none}.courses-hero h1{font-size:32px}.grade-carousel{padding:0 22px}.grade-content{padding:15px 13px}.floating-course-card{padding:7px;font-size:8px}.footer-logo-image{width:130px}}@media (prefers-reduced-motion:reduce){.courses-page *,.courses-page :before,.courses-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
