:root{--sx-navy:#102c35;--sx-teal:#087f75;--sx-mint:#d9f5e9;--sx-paper:#f4f7f6;--sx-ink:#172f38;--sx-muted:#62777e}
body{background:var(--sx-paper);color:var(--sx-ink);font-family:Inter,Arial,sans-serif}
.sx-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit}.sx-mark{display:inline-grid;place-items:center;width:36px;height:40px;border-radius:12px 4px 12px 4px;background:#b9efcf;color:#123a36;font-size:25px}.sx-brand-ai{color:#80d9c7}
#leftSidebar,#leftSidebar>div{background:var(--sx-navy)!important;color:#d6e6e7;border:0;width:250px}#leftSidebar .sidebar-item{color:#d6e6e7!important;margin:5px 6px;border-radius:10px;font-size:14px}#leftSidebar .sidebar-item:hover,#leftSidebar .sidebar-item.active{background:#234850!important;color:#b9efcf!important;border-left-color:#9ee0be!important}#leftSidebar .border-b,#leftSidebar .border-t{border-color:#31505a!important}#leftSidebar nav{padding-top:12px}#leftSidebar .sx-brand{padding:15px 0;font-size:23px}#leftSidebar .modal-panel{color:var(--sx-ink)}
body header{min-height:76px}header #courseDropdownBtn{background:#edf5f2;color:#22544f;border-radius:10px}header a[href$="logout"]{background:var(--sx-teal)!important;border-radius:9px}
.sx-dashboard{max-width:1440px;margin:auto}.sx-eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--sx-teal);display:block;margin-bottom:16px}.sx-hero{background:var(--sx-navy);border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:28px;color:white;margin-bottom:28px;position:relative;overflow:hidden}.sx-hero .sx-eyebrow{color:#a8dfc0}.sx-hero h1{font-size:clamp(28px,3vw,44px);font-weight:750;letter-spacing:-1.5px;color:white;line-height:1.18;margin:0 0 18px}.sx-hero p{color:#c3d9dc;max-width:520px;line-height:1.7;margin-bottom:24px}.sx-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#b9efcf;color:#143b37!important;padding:13px 20px;border-radius:10px;font-weight:700;text-decoration:none}.sx-orbit{width:180px;height:180px;border:1px solid #51766e;border-radius:50%;display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 0 24px #ffffff05,0 0 0 48px #ffffff04}.sx-orbit span{font-size:70px;color:#b9efcf}.sx-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.sx-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.sx-heading h2,.sx-panel h2{font-size:22px;font-weight:700;letter-spacing:-.5px}.sx-heading p,.sx-course p{font-size:14px;color:var(--sx-muted);margin-top:6px}.sx-courses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sx-course{background:white;padding:23px;border:1px solid #dde8e4;border-radius:16px;display:block;color:var(--sx-ink);transition:transform .2s,box-shadow .2s}.sx-course:hover{transform:translateY(-3px);box-shadow:0 12px 24px #163d3510}.sx-course-icon{display:inline-grid;place-items:center;width:44px;height:44px;background:#e7f5ef;color:#167168;border-radius:12px;margin-bottom:22px;font-size:21px}.sx-course:nth-child(3n+2) .sx-course-icon{background:#fff1da;color:#956624}.sx-course h3{font-weight:700;font-size:17px}.sx-course-footer{display:flex;justify-content:space-between;margin-top:22px;color:var(--sx-teal);font-size:13px;font-weight:700}.sx-panel{background:white;border:1px solid #dde8e4;border-radius:18px;padding:24px;margin-bottom:18px}.sx-streak{font-size:46px;font-weight:750;letter-spacing:-2px;margin:20px 0 0}.sx-panel p{color:var(--sx-muted);font-size:14px;line-height:1.7}.sx-week{display:flex;justify-content:space-between;margin-top:22px}.sx-week span{height:28px;width:28px;border-radius:50%;display:grid;place-items:center;background:#f0f5f3;font-size:11px}.sx-week .done{background:#c5edda;color:#155549}.sx-panel-link{display:block;padding:14px 0;border-bottom:1px solid #edf1ef;color:var(--sx-teal);font-size:14px}.sx-stories{margin-top:30px}.sx-stories-list{display:flex;gap:15px;overflow:auto}.sx-story{min-width:150px;max-width:180px;background:white;border-radius:12px;overflow:hidden}.sx-story img{height:150px;width:100%;object-fit:cover}.sx-story span{display:block;padding:12px}
.sx-auth .full-screen-container{background:var(--sx-paper)!important;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:24px;gap:5vw}.sx-auth-story{align-self:stretch;min-height:700px;border-radius:24px;padding:40px;background:radial-gradient(ellipse at bottom left,#20695e,transparent 70%),var(--sx-navy);color:white;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.sx-auth-story .sx-eyebrow{color:#b9efcf}.sx-auth-story h2{font-size:clamp(32px,3.6vw,56px);font-weight:700;line-height:1.18;letter-spacing:-2px;margin-bottom:24px}.sx-auth-story em{font-style:normal;color:#b9efcf}.sx-auth-story p{color:#bcd4d1;line-height:1.8;max-width:410px}.sx-auth-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.sx-auth-tags span{padding:8px 13px;border:1px solid #52766e;border-radius:25px;font-size:12px}.sx-auth .form-subcontainer{width:100%;max-width:490px;min-height:0;margin:30px auto;padding:24px;background:transparent;box-shadow:none}.sx-auth .logo{text-align:left;margin-bottom:25px}.sx-auth .logo h1{font-size:36px;font-weight:750;letter-spacing:-1.5px;color:var(--sx-ink);margin:12px 0}.sx-auth .logo p{font-size:15px;margin:0;color:var(--sx-muted)}.sx-auth input:not(.otp-digit),.sx-auth select{background:white;border:1px solid #d3e0da!important;border-radius:10px!important;min-height:48px;color:var(--sx-ink)}.sx-auth input:focus,.sx-auth select:focus{outline:2px solid #75c9b4;outline-offset:2px}.sx-auth .create-account-btn,.sx-auth .otp-verify-btn{background:var(--sx-teal)!important;border-radius:10px;padding:15px;color:white}.sx-auth .form-group{margin-bottom:18px}.sx-auth .form-group label{font-size:13px;font-weight:600}.sx-auth .social-buttons{justify-content:center}.sx-auth .auth-redirect{font-size:14px}.sx-auth .signup-link{color:var(--sx-teal)}
.sx-payment .hero{background:var(--sx-navy)!important;border-radius:24px;padding:42px!important;margin-bottom:28px;color:white;min-height:0}.sx-payment .hero h1{font-size:38px;color:white;font-weight:750;letter-spacing:-1px;margin-bottom:15px}.sx-payment .hero p{color:#c1d9d6;max-width:600px}.sx-payment .hero .sx-eyebrow{color:#b9efcf}.sx-payment .container{max-width:1400px;width:100%;padding:0}.sx-payment .toggle-section{padding:0}.sx-payment .toggle-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;padding-bottom:20px}.sx-payment .toggle-btn{border-radius:25px!important;padding:10px 20px!important;background:white!important;border:1px solid #dce5e1!important;color:var(--sx-ink)!important;margin:0!important}.sx-payment .toggle-btn.active{background:var(--sx-navy)!important;color:white!important}.sx-payment .pricing-card{background:white;border:1px solid #dce5e1!important;border-radius:18px!important;padding:28px!important;text-align:left!important;box-shadow:none!important;display:flex;flex-direction:column}.sx-payment .pricing-card.featured{border:2px solid var(--sx-teal)!important}.sx-payment .plan-type{align-self:flex-start;background:#e4f5ed;color:#246c59;border-radius:6px}.sx-payment .price{color:var(--sx-ink)!important;font-size:40px!important;letter-spacing:-1px}.sx-payment .checkout-button{background:var(--sx-teal)!important;border-radius:10px;margin-top:auto}.sx-payment .pricing-card ul{flex:1}.sx-payment .faq-item{border:1px solid #dce5e1;border-radius:12px;overflow:hidden;margin-bottom:12px}.sx-payment .hero-overlay{display:none}#checkout-error{padding:14px;background:#fff0ee;color:#a52b25;border-radius:10px;margin-bottom:20px}
a:focus-visible,button:focus-visible{outline:3px solid #48b398;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}
@media(max-width:1100px){.sx-grid{grid-template-columns:1fr}.sx-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sx-orbit{display:none}}
@media(max-width:767px){.sx-auth .full-screen-container{display:block;padding:15px}.sx-auth-story{min-height:0;padding:24px;gap:22px}.sx-auth-story h2{font-size:30px}.sx-auth-story>p,.sx-auth-tags{display:none}.sx-auth .form-subcontainer{padding:20px 5px}.sx-hero{padding:25px}.sx-courses,.sx-grid>aside{grid-template-columns:1fr}.sx-payment .hero{padding:25px!important}.sx-payment .hero h1{font-size:29px}.sx-heading{align-items:flex-start;gap:10px}#leftSidebar{flex-shrink:0}.sx-auth-story .sx-brand{font-size:21px}}