*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}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;max-width:100vw;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.drawer-menu{height:100%;left:0;position:fixed;top:0;transition:visibility .3s ease;visibility:hidden;width:100%;z-index:1000}.drawer-menu--open{visibility:visible}.drawer-menu__overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.drawer-menu--open .drawer-menu__overlay{opacity:1}.drawer-menu__content{background-color:#fff;box-shadow:-2px 0 5px #0000001a;display:flex;flex-direction:column;height:100%;padding:0;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease;width:100vw}.drawer-menu--open .drawer-menu__content{transform:translateX(0)}.drawer-menu__header{align-items:center;background:#fff;display:flex;justify-content:space-between;min-height:64px;padding:24px 24px 0;position:relative}.drawer-menu__header-separator{background:#e5e7eb;height:1px;margin:0;width:100%}.drawer-menu__logo{height:32px;margin-left:0;margin-right:16px}.drawer-menu__close{background:none;border:none;cursor:pointer;font-size:32px;margin-right:0;padding:0}.drawer-menu__nav{display:flex;flex-direction:column;margin-top:0;width:100%}.drawer-menu__item{background:none;border:none;color:#1d1e25;font-size:20px;font-weight:600;padding:24px;text-align:left;text-decoration:none;transition:background-color .2s ease;width:100%}.drawer-menu__item:hover{background-color:#f5f5f5}.drawer-menu__separator{background:#e5e7eb;height:1px;margin:0 24px;width:calc(100% - 48px)}.header{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;height:44px;justify-content:space-between;left:0;max-width:100vw;padding:0 16px;right:0;top:0;width:100%;z-index:1000}.header__left,.header__right{align-items:center;display:flex;flex:0 0 auto;width:16px}.header__back-button,.header__menu-button{align-items:center;background:none;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.header__back-button:hover,.header__menu-button:hover{background-color:#0000000d}.header__back-button--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.header__back-button:disabled{cursor:not-allowed;opacity:.5}.header__back-button--disabled:hover{background-color:initial}.header__back-button img,.header__back-button svg,.header__menu-button svg{display:block;height:24px;width:24px}.header__logo-container{align-items:center;display:flex;height:100%;justify-content:center}.header__logo-container,.header__logo-container--with-back{left:50%;position:absolute;transform:translateX(-50%)}.header__logo{height:29px;object-fit:contain;width:104px}@media (min-width:768px){.header__logo-container:not(.header__logo-container--with-back){margin-right:auto;padding-left:8px;position:static;transform:none}}.header__menu-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;width:40px}.header__menu-icon{background:#000;height:2px;position:relative;width:24px}.header__menu-icon:after,.header__menu-icon:before{background:#000;content:"";height:2px;left:0;position:absolute;width:24px}.header__menu-icon:before{top:-8px}.header__menu-icon:after{bottom:-8px}.header__logo-container--left{align-items:center;display:flex;justify-content:flex-start;left:0!important;margin-right:auto;padding-left:0;position:static!important;transform:none!important}.simple-header{background-color:#fff;border-bottom:1px solid #e5e7eb}.simple-header .header__center{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.simple-header__title{color:#111827;font-family:Geist,sans-serif;font-size:16px;font-weight:600;margin:0;text-align:center}.simple-header .header__right{width:40px}.header__right-button{align-items:center;background:none;border:none;border-radius:8px;color:#111827;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.header__right-button:hover{background-color:#0000000d}.header__right-button img{display:block;height:24px;width:24px}.auth-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;height:64px;padding:16px 20px;position:relative}.auth-header-back-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;left:20px;padding:8px;position:absolute;transition:background-color .2s ease}.auth-header-back-btn:hover{background:#f1f5f9}.auth-header-back-btn:active{background:#e2e8f0}.auth-header-logo{align-items:center;display:flex}.auth-header-logo.centered{justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.auth-header-logo.left{flex:1 1;justify-content:flex-start}.auth-header-logo-img{height:32px;width:auto}.auth-header-spacer{width:40px}.product-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px}.product-header-content{align-items:center;display:flex;justify-content:space-between}.product-header-logo{height:32px;width:auto}.streak-counter{background:#ffa726;border-radius:20px;gap:8px;padding:8px 12px}.streak-number{color:#fff;font-size:16px}.legal-page{background:#f6f8fb;min-height:100vh;padding-bottom:32px}.legal-page__header{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;height:64px;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:10}.legal-page__back-button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.legal-page__back-button:hover{background-color:#f6f8fb}.legal-page__title{color:#1d1e25;font-size:22px;font-weight:700;margin:0}.legal-page__content{margin:0 auto}.legal-page__content,.legal-page__login_content{color:#4b5563;font-size:16px;line-height:1.6;max-width:800px;padding:24px 16px}.legal-page__login_content{margin:42px auto 0}.legal-page__content h1{color:#111827;font-size:32px;font-weight:700;margin:0 0 8px}.legal-page__content h2{color:#111827;font-size:24px;font-weight:600;margin:32px 0 16px}.legal-page__content h3{color:#111827;font-size:20px;font-weight:600;margin:24px 0 12px}.legal-page__content p{margin:0 0 16px}.legal-page__content a{color:#4663ff;text-decoration:none;transition:color .2s}.legal-page__content a:hover{color:#3651e3;text-decoration:underline}.legal-page__content ol,.legal-page__content ul{margin:16px 0;padding-left:24px}.legal-page__content li{margin-bottom:8px}.legal-page__content strong{color:#111827;font-weight:600}.legal-page__content pre{background:#f9fafb;border-radius:8px;font-family:monospace;margin:16px 0;overflow-x:auto;padding:16px}.support-page{align-items:flex-start;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;width:100%}.contact-form-container{background:#f5f5f5;max-width:500px;padding-left:16px;padding-right:16px;padding-top:16px;width:100%}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form-title{color:#1a1a1a;font-size:28px;font-weight:700;margin:0 0 8px;text-align:left}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:#1a1a1a;font-size:16px;font-weight:500;margin:0}.required{color:#ff4757;font-weight:600}.form-input,.form-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:16px;line-height:1.5;padding:12px 16px;transition:border-color .2s ease}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-input:focus,.form-textarea:focus{border-color:#3b6cff;box-shadow:0 0 0 3px #3b6cff1a;outline:none}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.submit-button{background:#3b6cff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;margin-top:8px;padding:16px 24px;text-transform:uppercase;transition:background-color .2s ease}.submit-button:hover{background:#2952c8}.submit-button:active{transform:translateY(1px)}@media (max-width:768px){.contact-form-title{font-size:24px}.form-input,.form-textarea{font-size:16px}}.plan-selection{align-items:center;background-color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.plan-selection__title{color:#111827;font-size:24px;font-weight:600;margin-bottom:32px}.plan-selection__content{color:#6b7280;max-width:800px;text-align:center;width:100%}.App{min-height:100vh;padding-bottom:80px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{background-color:#fff;display:flex;flex-direction:column;min-height:100vh}.app__content{padding-top:44px}.app__content,.app__content_product{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1200px;width:100%}.app__content_product{padding-top:0}.app__menu-button{background:none;border:none;color:#333;cursor:pointer;font-size:24px;padding:10px;position:fixed;right:20px;top:20px;z-index:1001}.app__menu-button:hover{color:#666}.user-profile-bg{background:#f6f8fb;min-height:100vh;padding:0}.app__content{align-items:center}.user-profile-header{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:16px 0;position:sticky;top:0;z-index:10}.user-profile-header-left{width:40px}.user-profile-header-title{font-size:18px;font-weight:600}.user-profile-header-settings{background:none;border:none;cursor:pointer;margin-right:16px;padding:0}.user-profile-container{margin:0 16px 66px;max-width:400px;padding:0 8px}.user-profile-card{align-items:center;background:#fff;border-radius:12px;display:flex;gap:16px;margin-top:16px;padding:16px}.user-profile-avatar{align-items:center;background:linear-gradient(135deg,#e0e7ff,#f3e8ff);border-radius:50%;color:#666;display:flex;font-size:20px;font-weight:600;height:48px;justify-content:center;width:48px}.user-profile-name{color:#222;font-size:18px;font-weight:600}.user-profile-email{color:#888;font-size:15px;margin-top:4px}.user-profile-streak-title{color:#222;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:24px}.user-profile-streak-row{display:flex;gap:8px;margin-bottom:8px}.user-profile-streak-card{background:#fff;border-radius:12px;flex:1 1;padding:16px;text-align:center}.user-profile-streak-label{color:#888;font-size:14px}.user-profile-streak-value{color:#222;font-size:18px;font-weight:700;margin-top:4px}.user-profile-help{align-items:center;background:#fff;border-radius:12px;color:#222;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:56px;justify-content:space-between;margin-top:16px;padding:8px 16px}.user-profile-help-left{align-items:center;display:flex;gap:8px}.user-profile-logout{color:#ff5a5a}.user-profile-quiz-banner{background:linear-gradient(90deg,#e0e7ff,#f3e8ff);border-radius:16px;margin-top:16px;padding:16px}.user-profile-quiz-title{color:#222;font-size:16px;font-weight:600}.user-profile-quiz-desc{color:#666;font-size:14px;margin-top:4px}.user-profile-cert-title{color:#222;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:24px}.user-profile-cert-list{padding:0}.user-profile-cert-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.user-profile-cert-item:last-child{border-bottom:none}.user-profile-cert-left{align-items:center;display:flex;gap:12px}.user-profile-cert-avatar{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.user-profile-cert-name{color:#1d1e25;font-size:15px;font-weight:600}.user-profile-cert-info{align-items:center;display:flex;gap:16px}.user-profile-cert-course{color:#6b7280;font-size:14px}.user-profile-cert-date{color:#9ca3af;font-size:14px}.user-profile-cert-download{align-items:center;background:#f3f4f6;border-radius:12px;display:flex;padding:8px}.user-profile-cert-download:hover{background:#e5e7eb}.no-certificates-block{align-items:center;background-color:#fff;border-radius:12px;display:flex;flex-direction:column;margin:0;padding:40px 20px;text-align:center}.no-certificates-icon{height:48px;margin-bottom:16px;width:48px}.no-certificates-title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.no-certificates-subtitle{color:#666;font-size:14px;margin-bottom:24px;max-width:280px}.no-certificates-button{background-color:#556bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:background-color .2s}.no-certificates-button:hover{background-color:#45c}.user-profile-no-certs{background:#fff;border-radius:12px;color:#6b7280;font-size:15px;margin-bottom:8px;padding:32px;text-align:center}.user-profile-logout-row{cursor:pointer;transition:background-color .2s}.user-profile-logout-row:hover{background-color:#f5f5f5}.user-profile-logout-row:active{background-color:#ebebeb}@media (max-width:480px){.user-profile-container{margin-bottom:66px;padding:0 4px}.user-profile-header-title{font-size:16px}.user-profile-card,.user-profile-streak-card{padding:12px}.user-profile-cert-item{padding:10px 8px}}.drawer-overlay{bottom:0;left:0;position:fixed;right:0;top:0;transition:background .2s;z-index:2000}.drawer-overlay.open{background:#0000002e;display:block;pointer-events:auto}.drawer-overlay.closed{background:#0000;display:none;pointer-events:none}.drawer-panel{background:#f6f8fb;border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:-2px 0 16px #00000014;height:100%;max-width:100vw;overflow-y:auto;position:fixed;right:0;top:0;transition:transform .3s;width:400px}.drawer-panel.open{transform:translateX(0)}.drawer-panel.closed{transform:translateX(100%)}.drawer-titlebar{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;height:64px;padding:0 16px}.drawer-back-btn{background:none;border:none;cursor:pointer;margin-right:16px;padding:0}.drawer-title{flex:1 1;font-size:22px;font-weight:700;text-align:center}.drawer-titlebar-spacer{width:44px}.drawer-section{margin-top:24px;padding:0 16px}.drawer-section-title{color:#222;font-size:16px;font-weight:600;margin-bottom:8px}.drawer-list{background:#fff;border-radius:16px;box-shadow:0 1px 2px #00000003;padding:0}.drawer-list-item{align-items:center;border-bottom:1px solid #f0f1f3;cursor:pointer;display:flex;height:56px;padding:18px 16px}.drawer-list-item:last-child{border-bottom:none}.drawer-list-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.drawer-list-label{color:#181a20;flex:1 1;font-size:17px}.drawer-about-section{margin-top:32px;padding:0 16px}.drawer-logout-section{margin:40px 16px 24px}.drawer-logout-btn{align-items:center;background:#fff;border:none;border-radius:16px;box-shadow:0 1px 2px #00000003;color:#e53935;cursor:pointer;display:flex;font-size:18px;font-weight:600;justify-content:center;padding:18px 0;transition:background-color .2s;width:100%}.drawer-logout-btn:hover{background-color:#f5f5f5}.drawer-logout-icon{margin-right:8px;vertical-align:middle}.login-container{background:#fff;max-width:400px;min-height:calc(100vh - 64px);padding:0 16px}.login-container,.login-form{align-items:center;display:flex;flex-direction:column;width:100%}.login-form{margin-top:40px;max-width:420px}.login-title{font-size:28px;font-weight:700;margin-bottom:16px;margin-top:0}.login-subtitle,.login-title{color:#1d1e25;font-family:Geist,sans-serif;text-align:center}.login-subtitle{font-size:14px;font-weight:400;margin-bottom:40px}.login-email-label{font-size:14px;font-weight:500;margin-bottom:8px;text-align:left;width:100%}.login-email-input{border:1.5px solid #cfd8dc;border-radius:8px;font-size:18px;margin-bottom:32px;max-width:420px;padding:16px;width:100%}.login-create-account-link{color:#4663ff;font-size:20px;margin-bottom:48px;margin-top:16px;text-decoration:none}.login-submit-btn{background:#4663ff;border:none;border-radius:16px;bottom:32px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;letter-spacing:1px;margin-left:16px;margin-right:16px;margin-top:16px;padding:18px 0;position:absolute;width:calc(100% - 32px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6}.pin-form{align-items:center;display:flex;flex-direction:column;margin-top:40px;max-width:420px;width:100%}.pin-title{font-size:28px;font-weight:700;margin-bottom:8px;margin-top:0;text-align:center}.pin-email-display{color:#222;font-size:1.1rem;margin-bottom:32px;text-align:center}.pin-inputs-container{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.pin-input{background:#fff;border:2px solid #4663ff;border-radius:16px;font-size:14px;height:64px;outline:none;text-align:center;width:56px}.pin-input:disabled{opacity:.6}.login-error{color:#e53935;font-size:1rem;margin-bottom:12px;text-align:center}.login-forgot-link{color:#4663ff;font-size:18px;margin-bottom:48px;margin-top:0;text-decoration:none}.pin-submit-btn{background:#4663ff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:Geist,sans-serif;font-size:16px;font-weight:500;height:56px;letter-spacing:1px;margin-top:16px;padding:18px 0;width:100%}.pin-submit-btn:disabled{cursor:not-allowed;opacity:.6}.pin-setup-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:40px 16px 0;width:100%}.pin-setup-icon{display:flex;justify-content:center;margin-bottom:24px}.pin-setup-title{font-size:28px;font-weight:700;line-height:104%}.pin-setup-instructions,.pin-setup-title{color:#1d1e25;font-family:Geist,sans-serif;letter-spacing:0;text-align:center}.pin-setup-instructions{font-size:14px;font-weight:400;line-height:20px;margin-bottom:32px}.pin-setup-form{align-items:center;display:flex;flex-direction:column;width:100%}.pin-setup-inputs{display:flex;gap:16px;justify-content:center;margin-bottom:40px}.pin-setup-input{background:#fff;border:2px solid #4663ff;border-radius:16px;font-size:2rem;height:64px;margin:0;outline:none;text-align:center;transition:border .2s;width:56px}.pin-setup-input:focus{border-color:#1a2be6}.pin-setup-continue{background:#4663ff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:Geist,sans-serif;font-size:16px;font-weight:500;height:56px;letter-spacing:0;line-height:24px;margin-left:16px;margin-right:16px;margin-top:8px;max-width:450px;padding:18px 0;transition:background .2s;width:100%}.pin-setup-continue:disabled{background:#bfcaff;cursor:not-allowed}.pin-setup-error{color:#e53935;font-size:1rem;margin-bottom:12px;text-align:center}@media (max-width:480px){.pin-setup-title{font-size:28px}.pin-setup-input{border-radius:12px;font-size:1.3rem;height:64px;width:56px}.pin-setup-continue{border-radius:14px;font-size:1rem;padding:14px 0}}.boost-container{background-color:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}.boost-container h1{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.streak-block{background:#f3f5f966;border:1px solid #cbd2dc;border-radius:24px;margin-bottom:32px;max-width:100%;overflow-x:hidden;position:relative}.streak_block_padding{margin:16px;max-width:100%;overflow:hidden}.streak-message{color:#1d1e25;font-family:Geist,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:1.43;margin:0 0 8px}.streak-days{flex-wrap:nowrap;gap:16px;justify-content:center;margin-bottom:16px;margin-left:0;margin-right:0;max-width:100%;overflow-x:hidden}.streak-day,.streak-days{align-items:center;display:flex}.streak-day{flex-direction:column;gap:8px;position:relative}.streak-day:first-child{margin-left:0;z-index:2}.streak-day:last-child{margin-right:0;z-index:2}.day-label{color:#5f6368;font-family:Geist;font-size:14px;font-weight:600;line-height:1.43}.flame-circle{align-items:center;background:#f3f5f9;border:1.5px solid #cbd2dc;border-radius:50%;box-sizing:border-box;display:flex;height:48px;justify-content:center;overflow:visible;position:relative;width:48px}.flame-circle.completed{background:#4663ff}.flame-circle.past:before{border:4px solid #0000;border-left-color:#ffa940;border-radius:50%;left:-2px}.flame-circle.future:after,.flame-circle.past:before{content:"";height:52px;pointer-events:none;position:absolute;top:-2px;width:52px;z-index:3}.flame-circle.future:after{border:4px solid #0000;border-radius:50%;border-right-color:#ffa940;right:-2px}.flame-circle.today{z-index:2}.flame-icon{height:24px;width:24px}.streak-progress{background:#ededed;border-radius:16px;height:4px;width:88px}.courses-container{background:#f6f8fb;min-height:100vh;padding:24px 16px}.recommended-section{margin-bottom:32px}.recommended-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recommended-title{color:#1d1e25;font-family:Geist,sans-serif;font-size:20px;font-weight:600;line-height:1.4;margin:0}.see-all-button{background:none;border:none;color:#007aff;cursor:pointer;font-family:Geist,sans-serif;font-size:12px;font-weight:700;line-height:1.43;padding:0}.see-all-button:hover{opacity:.8}.recommended-courses{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-behavior:smooth}.recommended-courses::-webkit-scrollbar{height:4px}.recommended-courses::-webkit-scrollbar-track{background:#f3f5f9;border-radius:2px}.recommended-courses::-webkit-scrollbar-thumb{background:#cbd2dc;border-radius:2px}.recommended-courses::-webkit-scrollbar-thumb:hover{background:#a8b2c1}.recommended-course-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;flex:0 0 176px;height:224px;overflow:hidden;transition:transform .2s ease-in-out;width:176px}.recommended-course-card:hover{transform:translateY(-2px)}.recommended-course-image{height:120px;overflow:hidden;width:100%}.recommended-course-image img{height:114px;object-fit:cover}.recommended-course-info{padding:16px}.recommended-course-level{color:#007aff;font-family:Geist,sans-serif;font-size:12px;font-weight:600;letter-spacing:.5px;line-height:1.33;margin-bottom:8px;text-transform:capitalize}.recommended-course-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1d1e25;display:-webkit-box;font-family:Geist,sans-serif;font-size:16px;font-weight:600;line-height:1.25;margin:0 0 8px;overflow:hidden}.recommended-course-progress{color:#8e8e93;font-family:Geist,sans-serif;font-size:14px;font-weight:400;line-height:1.43;margin:0 0 8px}.recommended-course-progress-bar{background:#e3e5e8;border-radius:4px;height:8px;margin-top:4px;overflow:hidden;width:100%}.recommended-course-progress-fill{background:#007aff;border-radius:2px;height:100%;transition:width .3s ease-in-out}.recommended-loading{align-items:center;color:#8e8e93;display:flex;font-size:16px;height:200px;justify-content:center}.courses-header{margin-bottom:24px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-logo{height:32px;width:auto}.streak-counter{align-items:center;background:#f3f5f9;border:1px solid #cbd2dc;border-radius:32px;display:flex;gap:2px;padding:8px}.streak-number{color:#1d1e25;font-family:Geist;font-size:14px;font-weight:600;line-height:1.43;min-width:12px;text-align:center}.streak-icon{height:20px;width:20px}.courses-empty,.courses-error,.courses-loading{align-items:center;color:#666;display:flex;font-size:18px;justify-content:center;min-height:200px;text-align:center}.courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:24px}.course-card{background:#fff;border-radius:16px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s ease-in-out}.course-card:hover{transform:translateY(-4px)}.course-thumbnail{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.course-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.course-status{border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px;position:absolute;right:12px;top:12px}.course-status-not_started{background:#e3e5e8;color:#666}.course-status-in_progress{background:#e3f2fd;color:#1976d2}.course-status-completed{background:#e8f5e9;color:#2e7d32}.course-content{padding:16px}.course-title{color:#222;font-size:20px;font-weight:600;margin:0 0 8px}.course-description{color:#666;font-size:16px;line-height:1.5;margin:0 0 16px}.course-meta{color:#666;display:flex;font-size:14px;gap:16px;margin-bottom:16px}.course-duration,.course-level{align-items:center;display:flex;gap:4px}.course-duration img,.course-level img{height:16px;width:16px}.course-progress{background:#e3e5e8;border-radius:2px;height:4px;overflow:hidden;position:relative}.course-progress-bar{background:#2196f3;border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease-in-out}.course-progress-text{color:#666;display:block;font-size:14px;margin-top:8px}@media (max-width:768px){.courses-container{padding:16px 12px}.courses-title{font-size:24px}.courses-grid{gap:16px;grid-template-columns:1fr}.recommended-section{margin-bottom:24px}.recommended-title{font-size:18px}.recommended-courses{gap:12px;padding-bottom:8px}.recommended-course-image{height:100px}.recommended-course-info{padding:12px}.recommended-course-level{font-size:11px;margin-bottom:4px}.recommended-course-progress{font-size:12px}}.recommended-wide-card{align-items:center;background:linear-gradient(90deg,#f8fafc 60%,#f6f8fb);border:1.5px solid #e5e7eb;border-radius:20px;box-shadow:0 2px 8px #0000000f;display:flex;margin:24px auto 0;max-width:100%;min-height:140px;overflow:hidden;padding:0;transition:box-shadow .2s}.recommended-wide-card:hover{box-shadow:0 4px 16px #0000001a}.recommended-wide-card-content{align-items:center;display:flex;justify-content:space-between;padding:16px;width:100%}.recommended-wide-card-text{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.recommended-wide-card-title{color:#1d1e25;font-family:Geist,sans-serif;font-size:20px;font-weight:700;line-height:1.2;margin-bottom:8px}.recommended-wide-card-desc{color:#444950;font-family:Geist,sans-serif;font-size:15px;font-weight:400;line-height:1.4}.recommended-wide-card-image{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;flex-shrink:0;height:90px;justify-content:center;margin-left:32px;overflow:hidden;width:120px}.recommended-wide-card-image img{border-radius:12px;height:50px;object-fit:cover;width:50px}@media (max-width:768px){.recommended-wide-card-title{font-size:16px}.recommended-wide-card-desc{font-size:13px}.recommended-wide-card-image{height:96px;margin-left:16px;width:111px}}@media (max-width:480px){.recommended-wide-card-content{align-items:flex-start;flex-direction:row}.recommended-wide-card-image{height:96px;width:111px}}.confirmation-dialog-overlay{align-items:flex-end;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-dialog-container{animation:slideUp .3s ease-out;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 25px #0000001a;max-width:500px;padding:24px;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.confirmation-dialog-close{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px;position:absolute;right:16px;top:16px;transition:background-color .2s}.confirmation-dialog-close:hover{background-color:#f3f4f6}.confirmation-dialog-icon{display:flex;justify-content:center;margin-bottom:16px}.confirmation-dialog-title{color:#111827;font-size:18px;font-weight:600;line-height:1.4;margin:0 0 8px}.confirmation-dialog-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.confirmation-dialog-actions{display:flex;gap:12px;justify-content:center}.confirmation-dialog-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s}.confirmation-dialog-btn-primary{background-color:#3b82f6;color:#fff}.confirmation-dialog-btn-primary:hover{background-color:#2563eb}.confirmation-dialog-btn-warning{background-color:#f59e0b;color:#fff}.confirmation-dialog-btn-warning:hover{background-color:#d97706}.confirmation-dialog-btn-danger{background-color:#ef4444;color:#fff}.confirmation-dialog-btn-danger:hover{background-color:#dc2626}.confirmation-dialog-btn-secondary{background-color:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s}.confirmation-dialog-btn-secondary:hover{background-color:#e5e7eb}.change-email-page{background-color:#f9fafb;display:flex;flex-direction:column;max-width:400px;min-height:calc(100vh - 64px);padding-bottom:64px}.change-email-header{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:16px;position:sticky;top:0;z-index:10}.change-email-back-btn{background:none;border:none;cursor:pointer;padding:0}.change-email-main-title{flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.change-email-content{flex:1 1;padding:24px 16px}.change-email-title{font-size:24px;font-weight:700;margin-bottom:8px}.change-email-desc{color:#6b7280;font-size:16px;margin-bottom:32px}.change-email-form-group{margin-bottom:16px}.change-email-label{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.change-email-input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px;width:100%}.change-email-footer{background-color:#f9fafb;bottom:0;padding:16px;position:sticky}.change-email-submit{background-color:#556bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;width:100%}.change-email-submit:disabled{background-color:#c7d2fe;cursor:not-allowed}.change-email-error,.change-email-success{margin-top:10px;text-align:center}.delete-account-container{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.delete-account-header{align-items:center;background-color:#f8f9fa;display:flex;padding:16px}.delete-account-header-title{color:#000;flex-grow:1;font-size:18px;font-weight:600;margin:0;text-align:center}.delete-account-back-btn{background:none;border:none;cursor:pointer;padding:0}.delete-account-content{padding:24px 16px}.delete-account-warning-title{color:#000;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 24px}.delete-account-warning-list{list-style:none;margin:0 0 32px;padding:0}.delete-account-warning-list li{color:#000;font-size:16px;line-height:1.4;margin-bottom:16px;padding-left:20px;position:relative}.delete-account-warning-list li:before{color:#000;content:"•";font-weight:700;left:0;position:absolute}.delete-account-form{margin-top:auto}.delete-account-confirmation-label{color:#000;display:block;font-size:16px;font-weight:500;margin-bottom:8px}.delete-account-confirmation-input{background-color:#fff;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;margin-bottom:16px;padding:16px;width:100%}.delete-account-confirmation-input::placeholder{color:#adb5bd}.delete-account-error{color:#dc3545;font-size:14px;margin-bottom:16px}.delete-account-success{color:#28a745;font-size:14px;margin-bottom:16px}.delete-account-delete-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;padding:16px;transition:background-color .2s;width:100%}.delete-account-delete-btn.enabled{background-color:#007bff;color:#fff}.delete-account-delete-btn.disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.delete-account-delete-btn.enabled:hover{background-color:#0056b3}.subscription-container{background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:400px;min-height:100vh;width:100%}.subscription-header{align-items:center;background-color:#f8f9fa;display:flex;padding:16px}.subscription-header h1{flex-grow:1;font-size:18px;font-weight:600;margin:0;text-align:center}.back-button{background:none;border:none;cursor:pointer}.subscription-content{padding:0 16px}.subscription-content h2{font-size:24px;font-weight:700;margin-bottom:16px}.plan-card{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;padding:16px}.plan-card h3{border-bottom:1px solid #e9ecef;font-size:16px;font-weight:600;margin:0 -16px 12px;padding:0 16px 12px;width:calc(100% + 32px)}.plan-details{width:100%}.plan-details .detail-row{display:flex;font-size:14px;gap:8px;justify-content:space-between;margin-bottom:12px}.plan-details .detail-row div:first-child{color:#6c757d;white-space:nowrap}.plan-details .detail-row div:last-child{color:#212529;font-weight:600;text-align:right}.plan-details .detail-row.total div{color:#000;font-weight:700}.plan-details .detail-row.total div:last-child{text-decoration:underline}.expiration-date{color:#6c757d;font-size:14px;margin:16px 0;text-align:center}.cancel-button{background-color:#f1f3f5;border:none;border-radius:8px;color:#495057;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .2s ease;width:100%}.cancel-button:hover:not(:disabled){background-color:#e9ecef}.cancel-button:disabled{background-color:#dee2e6;color:#adb5bd;cursor:not-allowed}.center-content{align-items:center;display:flex;font-size:18px;height:100vh;justify-content:center}.feedback-page{background-color:#f9fafb;display:flex;flex-direction:column;max-width:400px;min-height:calc(100vh - 64px);padding-bottom:64px}.feedback-header{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:16px;position:sticky;top:0;z-index:10}.feedback-back-btn{background:none;border:none;cursor:pointer;padding:0}.feedback-main-title{flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.feedback-content{flex:1 1;padding:16px}.feedback-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:24px}.feedback-title{font-size:20px;font-weight:600;text-align:center}.feedback-rating,.feedback-title{margin-bottom:24px}.feedback-stars{display:flex;gap:16px;justify-content:center;margin-bottom:8px}.feedback-star{cursor:pointer}.feedback-star.selected path{fill:#556bff;stroke:#556bff}.feedback-rating-labels{color:#6b7280;display:flex;font-size:14px;justify-content:space-between}.feedback-textarea-container{margin-bottom:16px;position:relative}.feedback-textarea{border:1px solid #d1d5db;border-radius:8px;height:120px;padding:12px;resize:none;width:100%}.feedback-char-counter{bottom:8px;color:#9ca3af;font-size:12px;position:absolute;right:8px}.feedback-footer{background-color:#f9fafb;bottom:0;padding:16px;position:sticky}.feedback-submit{background-color:#556bff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;width:100%}.feedback-submit:disabled{background-color:#c7d2fe;cursor:not-allowed}.feedback-error,.feedback-success{margin-top:10px;text-align:center}.language-config-page{background:#f6f8fb;max-width:400px;min-height:100vh;width:100%}.language-config-header{align-items:center;background:#fff;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:16px;position:sticky;top:0;z-index:10}.language-config-back-btn{background:none;border:none;cursor:pointer;padding:0}.language-config-title{flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.language-config-list{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin:16px;overflow:hidden}.language-config-item{align-items:center;border-bottom:1px solid #f0f1f3;cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background-color .2s}.language-config-item:last-child{border-bottom:none}.language-config-item:hover{background-color:#f9f9f9}.language-config-item-left{align-items:center;display:flex;gap:16px}.language-config-flag-placeholder{background-color:#e0e0e0;border-radius:50%;height:24px;width:24px}.language-config-flag{border-radius:50%;height:24px;object-fit:cover;width:24px}.language-config-name{font-size:16px;font-weight:500}.language-config-container{height:100vh}.language-config-container,.language-config-root{align-items:center;display:flex;justify-content:center}.language-config-root{background:#f6f8fb;flex-direction:column;min-height:100vh}.language-config-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000000f;display:flex;flex-direction:column;max-width:90vw;padding:32px;width:360px}.language-config-back{align-self:flex-start;background:none;border:none;cursor:pointer;margin-bottom:16px}.language-config-icon{margin-bottom:16px}.language-config-form{margin-top:24px;width:100%}.language-config-label{align-items:center;cursor:pointer;display:flex;margin-bottom:18px;width:100%}.language-config-radio{accent-color:#4663ff;height:18px;margin-right:12px;width:18px}.language-config-lang{color:#222;font-size:17px}.language-config-lang.selected{font-weight:600}.language-config-lang:not(.selected){font-weight:400}.language-config-success{color:#22c55e;font-size:14px;margin-bottom:12px}.language-config-error{color:#ef4444;font-size:14px;margin-bottom:12px}.language-config-submit{background:#4663ff;border:none;border-radius:10px;box-shadow:0 1px 2px #00000003;color:#fff;cursor:pointer;font-size:17px;font-weight:600;margin-top:8px;padding:12px 0;width:100%}.confirm-email-change-page{background:#fafafa;display:flex;flex-direction:column;min-height:100vh}.confirm-email-change-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px;text-align:center}.confirm-email-change-error,.confirm-email-change-loading,.confirm-email-change-success{max-width:400px;width:100%}.confirm-email-change-error h2,.confirm-email-change-loading h2,.confirm-email-change-success h2{color:#070a13;font-family:Geist,sans-serif;font-size:24px;font-weight:600;line-height:1.33;margin:24px 0 16px}.confirm-email-change-error p,.confirm-email-change-loading p,.confirm-email-change-success p{color:#64748b;font-family:Geist,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#4663ff;height:64px;margin:0 auto;width:64px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon,.success-icon{display:flex;justify-content:center;margin-bottom:8px}.confirm-email-change-footer{background:#fff;border-top:1px solid #e2e8f0;padding:24px}.confirm-email-change-btn{background:#4663ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Geist,sans-serif;font-size:16px;font-weight:600;height:48px;line-height:1.5;transition:background-color .2s ease;width:100%}.confirm-email-change-btn:hover{background:#3b52e5}.confirm-email-change-btn:active{background:#3347cc}.confirm-email-change-btn:disabled{background:#94a3b8;cursor:not-allowed}.bottom-nav{background:#fff;border-top:3px solid #e2e8f0;bottom:0;gap:16px;height:64px;left:0;position:fixed;right:0}.bottom-nav,.bottom-nav-tab{align-items:center;display:flex;padding:0}.bottom-nav-tab{background:none;border:none;cursor:pointer;flex:1 1;flex-direction:column;justify-content:center;position:relative}.tab-indicator{background:#4663ff;height:3px;left:50%;position:absolute;top:-3px;transform:translateX(-50%);width:114px}.tab-content{flex-direction:column;gap:4px;padding:8px 0}.tab-content,.tab-icon-wrapper{align-items:center;display:flex}.tab-icon-wrapper{height:24px;justify-content:center;width:24px}.tab-icon{height:19.2px;width:19.2px}.tab-label{color:#070a13;font-family:Geist,sans-serif;font-size:14px;font-weight:500;line-height:1.43;text-align:center}.tab-label.active{color:#4663ff}.toast{left:16px;margin:0 auto;max-width:500px;opacity:0;position:fixed;right:16px;top:20px;transform:translateY(-100px);transition:all .3s ease-out;z-index:1000}.toast-visible{opacity:1;transform:translateY(0)}.toast-content{align-items:flex-start;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:12px;padding:16px;position:relative}.toast-success .toast-content{background-color:#d1fae5;border:1px solid #a7f3d0}.toast-error .toast-content{background-color:#fee2e2;border:1px solid #fecaca}.toast-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-top:2px}.toast-message-container{flex:1 1;min-width:0}.toast-title{font-size:16px;font-weight:600;line-height:1.2;margin:0 0 4px}.toast-success .toast-title{color:#065f46}.toast-error .toast-title{color:#991b1b}.toast-message{font-size:14px;line-height:1.4;margin:0}.toast-success .toast-message{color:#047857}.toast-error .toast-message{color:#b91c1c}.toast-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;height:28px;justify-content:center;padding:4px;position:absolute;right:12px;top:12px;transition:background-color .2s;width:28px}.toast-success .toast-close{color:#059669}.toast-error .toast-close{color:#dc2626}.toast-close:hover{background-color:#0000000d}.toast-close:active{background-color:#0000001a}@media (max-width:480px){.toast{left:12px;right:12px}.toast-content{padding:14px}.toast-title{font-size:15px}.toast-message{font-size:13px}}.course-detail-header{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;font-family:Inter,sans-serif;justify-content:space-between;padding:16px 20px;position:sticky;top:0;z-index:100}.back-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:8px;transition:background-color .2s}.back-btn img{height:20px;object-fit:contain;width:20px}.back-btn:hover{background-color:#f5f5f5}.course-detail-title{color:#333;flex:1 1;font-size:18px;font-weight:600;margin:0 16px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.course-detail-progress-indicator{align-items:center;background-color:#ff6b35;border-radius:20px;display:flex;gap:6px;justify-content:center;min-width:60px;padding:6px 12px}.progress-percent{color:#333;font-size:14px;font-weight:600}.activity-marker{align-items:center;background-color:#ff6b35;border-radius:50%;display:flex;height:16px;justify-content:center;width:16px}.checkmark{color:#fff;font-size:10px;font-weight:700;line-height:1}.course-detail-container{background:#fff;font-family:Inter,sans-serif;min-height:100vh;padding-bottom:32px}.course-detail-banner{display:flex;flex-direction:column;gap:16px;margin:16px}.course-detail-blue-header{align-items:flex-start;background:#3a6cf6;border-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:16px}.course-detail-blue-content{flex:1 1}.course-detail-blue-subtitle{font-size:14px;font-weight:500;margin-bottom:8px;opacity:.9}.course-detail-blue-title{font-size:20px;font-weight:700;line-height:1.2}.course-detail-menu-icon{cursor:pointer;font-size:20px;font-weight:600;padding:4px}.course-detail-white-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.course-detail-card-content{align-items:center;display:flex;justify-content:space-between}.course-detail-card-text{flex:1 1}.course-detail-card-title{color:#222;font-size:20px;font-weight:700;margin-bottom:4px}.course-detail-card-subtitle{color:#666;font-size:14px;font-weight:400}.course-detail-card-progress,.course-detail-progress-ring{align-items:center;display:flex;justify-content:center}.course-detail-progress-ring{background:conic-gradient(#3a6cf6 0deg,#3a6cf6 0deg,#e5e7eb 0deg,#e5e7eb 1turn);background:conic-gradient(#3a6cf6 0deg,#3a6cf6 calc(3.6deg*var(--progress, 0)),#e5e7eb calc(3.6deg*var(--progress, 0)),#e5e7eb 1turn);border-radius:50%;height:60px;position:relative;width:60px}.course-detail-progress-ring:before{background:#fff;border-radius:50%;content:"";height:48px;position:absolute;width:48px}.course-detail-progress-ring span{color:#3a6cf6;font-size:14px;font-weight:700;position:relative;z-index:1}.course-detail-levels{margin:24px 16px 0}.course-detail-chapter{margin-bottom:24px}.course-detail-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.course-detail-level-title{color:#333;font-size:16px;font-weight:700}.course-detail-level-chevron{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;width:20px}.course-detail-level-chevron img{height:100%;object-fit:contain;width:100%}.course-detail-levels-list{animation:slideDown .3s ease-out;display:flex;flex-direction:column;gap:12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-detail-level-item{align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;min-height:60px;padding:16px;transition:all .2s ease}.course-detail-level-item:hover:not(.locked){background:#f0f0f0;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.course-detail-level-item.completed{background:#f8fff8;border-color:#e0f0e0}.course-detail-level-item.active{background:#f0f8ff;border-color:#d0e0f0}.course-detail-level-item.locked{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.course-detail-lesson-content{color:inherit;flex:1 1;font-size:16px;font-weight:500}.course-detail-lesson-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-left:12px;width:24px}.course-detail-lesson-icon img{height:100%;object-fit:contain;width:100%}.certificate-progress-container{background:#fff;display:flex;flex-direction:column;gap:20px;padding:20px}.certificate-progress-card{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:16px}.certificate-progress-content{align-items:center;display:flex;gap:24px}.certificate-progress-visual{flex-direction:column;flex-shrink:0}.certificate-progress-ring,.certificate-progress-visual{align-items:center;display:flex;justify-content:center;position:relative}.certificate-progress-ring{background:conic-gradient(#3b6cff 0deg,#3b6cff 0deg,#e9ecef 0deg,#e9ecef 270deg,#0000 270deg,#0000 1turn);background:conic-gradient(#3b6cff 0deg,#3b6cff var(--progress-angle,0deg),#e9ecef var(--progress-angle,0deg),#e9ecef 270deg,#0000 270deg,#0000 1turn);border-radius:50%;height:200px;transform:rotate(225deg);width:200px}.certificate-progress-ring:before{background:#f8f9fa;border-radius:50%;bottom:8px;content:"";left:8px;position:absolute;right:8px;top:8px;z-index:1}.certificate-medal-icon{height:120px;object-fit:contain;position:relative;transform:rotate(135deg);width:104px;z-index:3}.certificate-progress-percentage{color:#3b6cff;font-size:24px;font-weight:700;margin-top:-35px;z-index:3}.certificate-progress-text{display:flex;flex:1 1;flex-direction:column;gap:8px}.certificate-progress-title{color:#1a1a1a;font-size:18px;font-weight:700;line-height:1.3;margin:0}.certificate-progress-description{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.certificate-button{background-color:#4663ff;border:1px solid #4663ff;border-radius:8px;color:#fff;height:40px;text-transform:uppercase;width:100%}.certificate-course-info{display:flex;flex-direction:column;gap:4px;text-align:center}.certificate-course-category{color:#6c757d;font-size:12px;font-weight:500}.certificate-course-name{color:#1a1a1a;font-size:20px;font-weight:700}.certificate-jump-ahead-btn{background:#3b6cff;border:none;border-radius:16px;box-shadow:0 2px 8px #3b6cff4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:background-color .2s ease;width:100%}.certificate-jump-ahead-btn:hover{background:#2d5ae6}.certificate-jump-ahead-btn:active{transform:translateY(1px)}@media (max-width:480px){.certificate-progress-card,.certificate-progress-container{padding:16px}.certificate-progress-content{flex-direction:column;gap:16px;text-align:center}.certificate-progress-ring{height:200px;width:200px}.certificate-medal-icon{height:120px;width:104px}.certificate-progress-title{font-size:16px}.certificate-progress-description{font-size:13px}}.course-start-container{background:#fff;border-radius:18px;box-shadow:0 2px 16px #00000014;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;margin:24px 0 74px;max-width:420px;min-height:100vh;padding:0}.course-start-header{align-items:center;background:#fff;display:flex;padding:18px 18px 0;position:relative}.close-btn{color:#222;font-size:2rem;margin-right:12px}.progress-bar-bg{margin-left:12px;position:relative}.progress-bar-fill{background:#e6edff;transition:width .3s;width:0}.course-start-content{align-items:center;display:flex;flex-direction:column;padding-left:16px;padding-right:16px}.course-start-title{border-top:1px solid #e3e7ed;font-family:Geist,sans-serif;font-size:28px;font-weight:700;margin:16px 0;padding-top:24px;text-align:left;width:100%}.course-start-description{color:#222;font-size:1.08rem;margin-bottom:24px;text-align:left;width:100%}.course-start-image-wrapper{display:flex;justify-content:center;margin-bottom:32px;width:100%}.course-start-image{border-radius:22px;box-shadow:0 2px 8px #0000000f;object-fit:cover}.course-start-btn{background:#3b6cff;border:none;border-radius:16px;box-shadow:0 2px 8px #3b6cff14;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:16px 0;transition:background .2s;width:100%}.course-start-btn:hover{background:#2952c8}.course-start-loading{color:#666;font-size:1.1rem}.course-start-error,.course-start-loading{align-items:center;display:flex;justify-content:center;min-height:200px}.course-start-error{flex-direction:column;padding:24px;text-align:center}.course-start-error button{background:#3b6cff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-top:16px;padding:12px 24px;transition:background .2s}.course-start-error button:hover{background:#2952c8}.course-learning-container{background:#fff;display:flex;flex-direction:column;font-family:Inter,Arial,sans-serif;min-height:100vh}.course-learning-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;padding:18px 24px;position:sticky;top:0;z-index:10}.close-btn{background:none;border:none;border-radius:50%;color:#666;cursor:pointer;font-size:1.5rem;margin-right:16px;padding:8px;transition:background-color .2s}.close-btn:hover{background-color:#f5f5f5}.progress-bar-bg{background:#f2f4f7;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-bar-fill{background:#3b6cff;border-radius:3px;height:100%;transition:width .3s ease}.course-learning-content{flex:1 1;margin:0 auto;max-width:800px;padding:24px;width:100%}.lesson-content{background:#fff;border-radius:12px}.lesson-main-title{color:#1a1a1a;font-size:2.2rem;font-weight:700;line-height:1.2;margin:0 0 32px;text-align:left}.lesson-text-content{color:#333;font-size:1.1rem;line-height:1.7}.fragment-content{line-height:1.7}.fragment-title{color:#1a1a1a;font-size:1.8rem;font-weight:700;line-height:1.3;margin:0 0 24px}.fragment-image-container{border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:24px 0;overflow:hidden}.fragment-image{display:block;height:auto;object-fit:cover;width:100%}.fragment-text{color:#333;font-size:1.1rem;line-height:1.7}.fragment-text h2{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin:24px 0 16px}.fragment-text h3{color:#1a1a1a;font-size:16px;font-weight:700;margin:20px 0 12px}.fragment-text p{margin-bottom:16px}.fragment-text ol,.fragment-text ul{margin:16px 0;padding-left:24px}.fragment-text li{margin-bottom:8px}.fragment-text blockquote{border-left:4px solid #3b6cff;color:#555;font-style:italic;margin:16px 0;padding-left:16px}.fragment-text code{background:#f1f3f4;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.fragment-text pre{background:#f8f9fa;border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.fragment-text pre code{background:none;padding:0}.fragment-text img{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;margin:16px 0;max-width:100%}.course-learning-navigation{align-items:center;background:#fff;border-top:1px solid #f0f0f0;bottom:0;display:flex;flex-direction:column;gap:12px;margin-bottom:50px;padding:24px;position:sticky}.nav-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s}.continue-btn{background:#3b6cff;border-radius:16px;color:#fff;height:56px;min-width:120px;text-transform:uppercase;width:100%}.continue-btn:hover{background:#2952c8}.skip-btn{background:#f0f4ff;border:2px solid #3b6cff;border-radius:16px;color:#3b6cff;font-size:16px;font-weight:600;height:56px;margin-bottom:12px;min-width:200px;text-transform:uppercase;width:100%}.skip-btn:hover{background:#e6f0ff;border-color:#2952c8;color:#2952c8}.prev-btn{background:#f5f5f5;color:#666}.prev-btn:hover{background:#e8e8e8}.next-btn{background:#3b6cff;color:#fff}.next-btn:hover{background:#2952c8}.course-learning-error,.course-learning-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:24px;text-align:center}.course-learning-loading{color:#666;font-size:1.1rem}.course-learning-error{color:#d32f2f}.course-learning-error button{background:#3b6cff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 16px}.fragment-counter{background:#f8f9fa;border-radius:6px;color:#666;font-size:.9rem;font-weight:500;margin-bottom:16px;padding:8px 16px;text-align:center}.nav-btn:disabled{cursor:not-allowed;opacity:.5}.nav-btn:disabled,.nav-btn:disabled:hover{background:#f5f5f5;color:#999}@media (max-width:768px){.course-learning-content{padding:16px}.lesson-main-title{font-size:1.8rem}.lesson-text-content{font-size:1rem}.course-learning-navigation{padding:16px}.nav-btn{padding:10px 20px}.fragment-title{font-size:1.5rem}.fragment-image-container{margin-bottom:20px}}.practice-block-wrapper{margin:24px 0}.prompt-dialog-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.prompt-dialog{background:#fff;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.prompt-dialog-header{border-bottom:1px solid #f0f0f0;padding:24px 24px 16px}.prompt-dialog-close{background:none;border:none;border-radius:50%;color:#333;cursor:pointer;font-size:20px;margin-bottom:16px;padding:8px;transition:background-color .2s}.prompt-dialog-close:hover{background-color:#f5f5f5}.prompt-dialog-title{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1.2;margin:0}.prompt-dialog-content{flex:1 1;overflow-y:auto;padding:24px}.prompt-dialog-instructions{margin-bottom:24px}.prompt-dialog-text{color:#333;font-size:16px;line-height:1.6;margin:0 0 12px}.prompt-dialog-highlight{color:#3b6cff;cursor:pointer;text-decoration:underline}.prompt-dialog-input-container{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:24px;overflow:hidden}.prompt-dialog-input-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;padding:12px 16px}.prompt-dialog-chatgpt-icon{margin-right:8px}.prompt-dialog-chatgpt-text{color:#1a1a1a;font-size:14px;font-weight:600}.prompt-dialog-textarea{background:#fff;border:none;color:#333;font-size:16px;line-height:1.5;min-height:120px;outline:none;padding:16px;resize:none;width:100%}.prompt-dialog-textarea::placeholder{color:#999}.prompt-dialog-hint-section{background:#fff8f0;border-left:4px solid #ff9500;border-radius:0 8px 8px 0;margin:20px 0;overflow:hidden}.prompt-dialog-hint-content{padding:16px 20px}.prompt-dialog-hint-content p{color:#333;font-size:14px;line-height:1.5;margin:0;white-space:pre-line}.prompt-dialog-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;padding:20px 24px}.prompt-dialog-hint-btn{background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.prompt-dialog-hint-btn:hover{background:#e8e8e8}.prompt-dialog-submit-btn{background:#3b6cff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s}.prompt-dialog-submit-btn:hover:not(:disabled){background:#2952c8}.prompt-dialog-submit-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.prompt-dialog{max-height:100vh}.prompt-dialog-header{padding:20px 20px 12px}.prompt-dialog-title{font-size:20px}.prompt-dialog-content{padding:20px}.prompt-dialog-footer{flex-direction:column;padding:16px 20px}.prompt-dialog-hint-btn,.prompt-dialog-submit-btn{width:100%}}.prompt-comparison{margin:16px 0}.prompt-comparison-container{background:#fff;padding:16px}.ai-recommendation,.original-prompt{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:16px}.ai-recommendation h4,.original-prompt h4{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.ai-recommendation p,.original-prompt p{color:#333;font-size:16px;line-height:1.5;margin:0}.original-prompt{border-left:4px solid #ff6b6b}.ai-recommendation{border-left:4px solid #51cf66}.evaluation-feedback-content{margin-top:16px}.evaluation-feedback-message{font-size:16px}.practice-block{background:#f3f5f9;border:1px solid #cbd2dc;border-radius:12px;margin:24px 0;overflow:hidden}.practice-block-content{padding:16px}.practice-title{color:#1a1a1a;font-size:1.2rem;font-weight:600;line-height:1.3;margin:0 0 12px}.practice-description{color:#333;font-size:1rem;line-height:1.5;margin:0 0 20px}.practice-start-btn{background:#3b6cff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:0 auto;min-width:120px;padding:12px 24px;transition:background-color .2s;width:100%}.practice-start-btn:hover{background:#2952c8}.practice-completed-badge{align-items:center;background:#e8f5e8;border-radius:6px;color:#2e7d32;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 12px}.practice-completed-icon{font-size:1rem;font-weight:700}.practice-completed-text{font-size:.9rem}.practice-repeat-icon{font-size:1.1rem;margin-right:8px}.practice-start-btn.completed{background:#4caf50;color:#fff}.practice-start-btn.completed:hover{background:#45a049}.practice-options{margin:20px 0}.practice-option{align-items:flex-start;cursor:pointer;display:flex;margin-bottom:16px;padding:8px 0}.practice-radio{cursor:pointer;margin:2px 12px 0 0}.practice-option-text{color:#333;flex:1 1;font-size:1rem;line-height:1.5}.practice-actions{display:flex;gap:16px;justify-content:space-between;margin-top:24px}.practice-hint-btn{background:#f5f5f5;border:none;border-radius:8px;color:#333;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.practice-hint-btn:hover{background:#e8e8e8}.practice-submit-btn{background:#3b6cff;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.practice-submit-btn:hover:not(:disabled){background:#2952c8}.practice-submit-btn:disabled{background:#ccc;cursor:not-allowed}.practice-hint-section{background:#fff8f0;border-left:4px solid #ff9500;border-radius:0 8px 8px 0;margin:20px 0;overflow:hidden}.practice-hint-content{padding:16px 20px}.practice-hint-content p{color:#333;font-size:1rem;line-height:1.5;margin:0}.practice-feedback-section{border-radius:8px;margin:20px 0;overflow:hidden}.practice-feedback-section.correct{background:#f8fff9;border-left:4px solid #28a745}.practice-feedback-section.incorrect{background:#fff8f8;border-left:4px solid #dc3545}.practice-feedback-content{padding:16px 20px}.practice-feedback-title{font-size:1.1rem;font-weight:600;margin:0 0 8px}.practice-feedback-section.correct .practice-feedback-title{color:#28a745}.practice-feedback-section.incorrect .practice-feedback-title{color:#dc3545}.practice-feedback-text{color:#333;font-size:1rem;line-height:1.5;margin:0}.evaluation-loading{padding:40px 20px;text-align:center}.evaluation-loading p{color:#666;font-size:1.1rem;margin:0}.evaluation-feedback{align-items:flex-start;border-radius:12px;display:flex;gap:16px;padding:20px}.evaluation-feedback.success{background:#f0f9f0}.evaluation-feedback.error{background:#fef2f2}.evaluation-feedback-icon,.evaluation-icon{align-items:center;display:flex;justify-content:center}.evaluation-icon{border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:22px;margin-right:9px;width:22px}.evaluation-icon.success{background:#28a745}.evaluation-icon.error{background:#dc3545}.evaluation-feedback-content{flex:1 1}.evaluation-feedback-title{color:#1a1a1a;font-size:1.3rem;font-weight:700;margin:0 0 8px}.evaluation-feedback-message{color:#333;font-size:1rem;line-height:1.5;margin:0 0 16px}.evaluation-recommendation{background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;margin:16px 0;padding:12px}.evaluation-recommendation h4{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 8px}.recommended-prompt{color:#333;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.evaluation-feedback-button{background:#28a745;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:56px;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:background-color .2s;width:100%}.evaluation-feedback.error .evaluation-feedback-button{background:#ff5a5a}.evaluation-feedback-button:hover{opacity:.9}@media (max-width:768px){.practice-block-content{padding:16px}.practice-title{font-size:1.1rem}.practice-description{font-size:.95rem}.practice-actions{flex-direction:column;gap:12px}.practice-hint-btn,.practice-submit-btn{width:100%}.practice-feedback-content,.practice-hint-content{padding:14px 16px}.evaluation-feedback{flex-direction:column;gap:12px}.evaluation-feedback-title{font-size:1.1rem}.evaluation-feedback-message,.evaluation-recommendation h4{font-size:.95rem}.recommended-prompt{font-size:.9rem}.evaluation-feedback-button{font-size:.9rem;padding:10px 20px}}
/*# sourceMappingURL=main.7d06a8cb.css.map*/