:root{--brand-blue:#0170b9;--btn-blue:#006eb6;--btn-hover:#277cb5;--accent-blue:#187bf1;--link-blue:#0028dd;--text-dark:#161717;--text-primary:#333;--text-secondary:#3a3a3a;--text-muted:#888;--text-white:#fff;--border:#e5e5e5;--bg-light:#f4f4f4;--bg-section:#f5f5f5;--bg-input:#fafafa;--bg-container:#f9f9f9;--bg-white:#fff;--success:#27ae60;--warning:#f39c12;--danger:#e74c3c;--radius-btn:84px;--radius-card:16px;--radius-input:10px;--radius-sm:8px;--shadow-card:0 2px 12px rgba(0,0,0,.08);--shadow-btn:0 4px 12px rgba(1,112,185,.3);--shadow-modal:0 -4px 20px rgba(0,0,0,.1);--font-main:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-btn:"PT Sans",var(--font-main);--header-height:56px;--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body,html{height:100%;overflow:hidden}.app::-webkit-scrollbar{display:none}.app{scrollbar-width:none}body{background:var(--bg-light);color:var(--text-primary);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--brand-blue);text-decoration:none}a:hover{color:var(--btn-hover)}img{height:auto;max-width:100%}.app{background:var(--bg-white);margin:0 auto;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:560px}.app,.app--no-scroll{height:100vh;height:100dvh}.app--no-scroll{overflow:hidden}.header-wrap{position:sticky;top:0;z-index:100}.header{background:var(--bg-white);border-bottom:1px solid var(--border);height:var(--header-height);padding:0 16px}.header,.header__back{align-items:center;display:flex}.header__back{background:none;border:none;border-radius:50%;color:var(--brand-blue);cursor:pointer;flex-shrink:0;font-size:20px;height:40px;justify-content:center;transition:background .2s;width:40px}.header__back:hover{background:var(--bg-light)}.header__title{color:var(--text-dark);flex:1;font-size:17px;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header__logo{height:28px}.header__action{align-items:center;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.screen{display:block;min-height:calc(100% - var(--header-height));padding-bottom:80px}.screen--welcome{min-height:0;overflow:hidden;padding-bottom:0}.welcome{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:24px;text-align:center}.welcome-card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 12px #0000000f;margin-bottom:28px;max-width:340px;overflow:hidden;padding:24px 20px;position:relative;text-align:left;width:100%}.welcome-card__accent{background:linear-gradient(90deg,var(--brand-blue),#4da3e8);height:4px;left:0;position:absolute;right:0;top:0}.welcome-card__badge{background:#1769b214;border-radius:6px;color:var(--brand-blue);display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:14px;padding:4px 10px;text-transform:uppercase}.welcome-card__text{color:var(--text-dark);font-size:15px;line-height:1.6;margin:0 0 10px}.welcome-card__text--muted{color:var(--text-secondary);font-size:14px;margin-bottom:0}.btn{align-items:center;border:none;border-radius:var(--radius-btn);cursor:pointer;display:flex;font-family:var(--font-btn);font-size:16px;font-weight:600;gap:10px;justify-content:center;line-height:1.3;padding:14px 24px;text-decoration:none;transition:all .2s ease;width:100%}.btn--primary{background:var(--btn-blue);box-shadow:var(--shadow-btn);color:var(--text-white)}.btn--primary:hover{background:var(--btn-hover);color:var(--text-white);transform:translateY(-1px)}.btn--secondary{background:var(--bg-white);border:2px solid var(--btn-blue);color:var(--btn-blue)}.btn--secondary:hover{background:var(--bg-light);color:var(--btn-blue)}.btn--ghost{background:transparent;color:var(--text-muted);font-size:14px;font-weight:400;margin:20px 0 0!important}.btn--ghost:hover{color:var(--text-primary)}.btn--success{background:var(--success);color:var(--text-white)}.btn--danger{background:transparent;border:2px solid var(--danger);color:var(--danger)}.btn--sm{font-size:14px;padding:10px 20px;white-space:nowrap}.btn-group{display:flex;flex-direction:column;gap:12px;max-width:340px;width:100%}.btn-group--row{flex-direction:row}.btn__icon{flex-shrink:0;font-size:20px}.form-group{margin-bottom:20px;width:100%}.form-label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.form-input{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-main);font-size:16px;outline:none;padding:14px 16px;transition:border-color .2s,background .2s;width:100%}.form-input:focus{background:var(--bg-white);border-color:var(--brand-blue)}.form-input::-moz-placeholder{color:#bbb}.form-input::placeholder{color:#bbb}.form-input--phone{font-size:20px;font-weight:600;letter-spacing:1px;text-align:center}.form-input--code{display:block;font-size:28px;font-weight:700;letter-spacing:12px;margin:0 auto;max-width:200px;text-align:center}.form-hint{color:var(--text-muted)}.form-error,.form-hint{font-size:13px;margin-top:8px}.form-error{color:var(--danger)}.phone-screen{align-items:center;display:flex;flex-direction:column;padding:40px 24px}.phone-screen__icon{font-size:48px;margin-bottom:16px}.phone-screen__title{color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:8px}.phone-screen__desc{color:var(--text-muted);font-size:14px;margin-bottom:32px;max-width:300px;text-align:center}.code-screen{align-items:center;display:flex;flex-direction:column;padding:40px 24px}.code-screen__icon{font-size:48px;margin-bottom:16px}.code-screen__title{font-size:20px;font-weight:700;margin-bottom:8px}.code-screen__desc{color:var(--text-muted);font-size:14px;margin-bottom:32px;max-width:300px;text-align:center}.code-screen__resend{color:var(--text-muted);font-size:14px;margin-top:24px}.code-screen__resend a{color:var(--brand-blue);font-weight:600}.demo-banner{align-items:center;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-bottom:1px solid #f0d060;color:#856404;display:flex;font-size:13px;gap:10px;padding:10px 16px}.demo-banner__icon{flex-shrink:0;font-size:18px}.menu{padding:16px}.menu__greeting{padding:20px;text-align:center}.menu__greeting-text{color:var(--text-dark);font-size:22px;font-weight:700;margin-bottom:4px}.menu__greeting-sub{color:var(--text-muted);font-size:14px}.menu__grid{display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:0 4px}.menu__item{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:20px 12px;text-align:center;text-decoration:none;transition:all .2s}.menu__item:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-card);color:var(--text-primary);transform:translateY(-2px)}.menu__item--wide{grid-column:1/-1}.menu__item-icon{align-items:center;background:linear-gradient(135deg,#e8f4fd,#d1ecf9);border-radius:14px;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.menu__item-label{font-size:13px;font-weight:600;line-height:1.3}.balance{padding:16px}.balance__card{background:linear-gradient(135deg,var(--btn-blue),var(--accent-blue));border-radius:var(--radius-card);color:var(--text-white);margin-bottom:16px;padding:24px}.balance__label{font-size:13px;margin-bottom:4px;opacity:.8}.balance__amount{font-size:36px;font-weight:700;margin-bottom:4px}.balance__currency{font-size:18px;font-weight:400;opacity:.8}.balance__row{border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin-top:16px;padding-top:16px}.balance__col{text-align:center}.balance__col-value{font-size:18px;font-weight:700}.balance__col-label{font-size:11px;opacity:.7}.stats{padding:0 16px}.stats__title{color:var(--text-dark);font-size:15px;font-weight:700;margin-bottom:12px}.stats__grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stats__item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.stats__item-value{color:var(--text-dark);font-size:20px;font-weight:700}.stats__item-label{color:var(--text-muted);font-size:12px;margin-top:2px}.stats__item--accent .stats__item-value{color:var(--brand-blue)}.withdrawal-active{background:#e8f8f0;border:1px solid #b8e6cc;border-radius:var(--radius-sm);margin:0 16px 16px;padding:14px 16px}.withdrawal-active__title{color:var(--success);font-size:13px;font-weight:600;margin-bottom:6px}.withdrawal-active__row{color:var(--text-primary);font-size:14px}.promo-list{padding:16px}.promo-list__title{color:var(--text-dark);font-size:18px;font-weight:700;margin-bottom:4px}.promo-list__subtitle{color:var(--text-muted);font-size:14px;margin-bottom:16px}.promo-card{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-primary);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:16px;text-decoration:none;transition:all .2s}.promo-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-card);color:var(--text-primary)}.promo-card__icon{align-items:center;background:linear-gradient(135deg,#e8f4fd,#d1ecf9);border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;width:48px}.promo-card__info{flex:1;min-width:0}.promo-card__name{color:var(--text-dark);font-size:16px;font-weight:700;margin-bottom:2px}.promo-card__meta{color:var(--text-muted);font-size:13px}.promo-card__arrow{color:var(--text-muted);flex-shrink:0;font-size:18px}.pagination{gap:8px;padding:16px}.pagination,.pagination__btn{align-items:center;display:flex;justify-content:center}.pagination__btn{background:var(--bg-white);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;height:36px;transition:all .2s;width:36px}.pagination__btn:hover{border-color:var(--brand-blue);color:var(--brand-blue)}.pagination__btn--active{background:var(--btn-blue);border-color:var(--btn-blue);color:var(--text-white)}.coupon-detail{padding:16px}.coupon-detail__header{background:linear-gradient(135deg,var(--btn-blue),var(--accent-blue));border-radius:var(--radius-card);color:var(--text-white);margin-bottom:20px;padding:24px 16px;text-align:center}.coupon-detail__code{font-size:28px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.coupon-detail__type{font-size:13px;opacity:.8}.coupon-detail__stats{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.coupon-detail__stat{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 8px;text-align:center}.coupon-detail__stat-value{color:var(--brand-blue);font-size:20px;font-weight:700}.coupon-detail__stat-label{color:var(--text-muted);font-size:11px;margin-top:2px}.coupon-detail__section{margin-bottom:20px}.coupon-detail__section-title{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.qr-block{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:16px;padding:20px;text-align:center}.qr-block__image{align-items:center;background:var(--bg-light);border:2px dashed var(--border);border-radius:12px;color:var(--text-muted);display:flex;font-size:14px;height:180px;justify-content:center;margin:0 auto 12px;width:180px}.qr-block__label{color:var(--text-muted);font-size:13px}.link-share{align-items:center;background:var(--bg-container);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;margin-bottom:16px;padding:14px;position:relative}.link-share__toast{background:#000c;border-radius:6px;color:#fff;font-size:13px;left:50%;padding:6px 14px;pointer-events:none;position:absolute;top:-36px;transform:translate(-50%);white-space:nowrap}.toast-local-enter-active,.toast-local-leave-active{transition:opacity .2s,transform .2s}.toast-local-enter-from,.toast-local-leave-to{opacity:0;transform:translate(-50%) translateY(4px)}.link-share__url{color:var(--brand-blue);flex:1;font-size:13px;line-height:1.4;word-break:break-all}.link-share__copy{align-items:center;background:var(--btn-blue);border:none;border-radius:10px;color:var(--text-white);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:background .2s;width:40px}.link-share__copy:hover{background:var(--btn-hover)}.withdrawal{padding:16px}.withdrawal__card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:16px;padding:20px}.withdrawal__row{align-items:center;border-bottom:1px solid var(--bg-light);display:flex;justify-content:space-between;padding:10px 0}.withdrawal__row:last-child{border-bottom:none}.withdrawal__row-label{color:var(--text-muted);font-size:14px}.withdrawal__row-value{color:var(--text-dark);font-size:14px;font-weight:600}.withdrawal__confirm-box{background:#e8f8f0;border:1px solid #b8e6cc;border-radius:var(--radius-card);margin-bottom:16px;padding:20px;text-align:center}.withdrawal__confirm-amount{color:var(--success);font-size:28px;font-weight:700;margin-bottom:4px}.withdrawal__confirm-label{color:var(--text-muted);font-size:13px}.product-info{padding:16px}.product-info__image{align-items:center;background:linear-gradient(135deg,#e8f4fd,#d1ecf9);border-radius:var(--radius-card);display:flex;font-size:48px;height:auto;justify-content:center;margin-bottom:16px;width:100%}.product-info__title{color:var(--text-dark);font-size:20px;font-weight:700;margin-bottom:12px}.product-info__desc{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.product-info__features{list-style:none;margin-bottom:20px}.product-info__feature{color:var(--text-secondary);display:flex;font-size:14px;gap:10px;line-height:1.5;padding:8px 0}.product-info__feature:before{color:var(--brand-blue);content:"■";flex-shrink:0}.product-info__actions{background:var(--bg-white);border-top:1px solid var(--border);bottom:0;display:flex;flex-direction:column;gap:10px;padding:12px 16px;position:sticky}.video-popup{align-items:center;background:#000c;display:flex;justify-content:center;inset:0;padding:16px;position:fixed;z-index:10000}.video-popup__content{max-width:560px;position:relative;width:100%}.video-popup__close{background:none;border:none;color:#fff;cursor:pointer;font-size:32px;line-height:1;position:absolute;right:0;top:-36px}.video-popup__player{background:#000;border-radius:12px;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-popup__player iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.sticky-actions{background:var(--bg-white);border-top:1px solid var(--border);bottom:0;display:flex;flex-direction:column;gap:10px;padding:20px 16px;position:sticky}.courses{padding:16px}.course-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-primary);cursor:pointer;display:block;margin-bottom:12px;overflow:hidden;text-decoration:none;transition:all .2s}.course-card:hover{border-color:var(--brand-blue);box-shadow:var(--shadow-card);color:var(--text-primary)}.course-card__thumb{background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--text-white);font-size:40px;height:160px;position:relative;width:100%}.course-card__play,.course-card__thumb{align-items:center;display:flex;justify-content:center}.course-card__play{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:50%;font-size:24px;height:56px;width:56px}.course-card__body{padding:14px 16px}.course-card__title{color:var(--text-dark);font-size:15px;font-weight:700;margin-bottom:4px}.course-card__meta{color:var(--text-muted);font-size:13px}.partner-type{padding:16px}.partner-type__title{font-size:18px;font-weight:700;margin-bottom:20px;text-align:center}.partner-type__grid{display:flex;flex-direction:column;gap:12px}.partner-type__card{align-items:center;background:var(--bg-white);border:2px solid var(--border);border-radius:var(--radius-card);cursor:pointer;display:flex;gap:16px;padding:18px 16px;transition:all .2s}.partner-type__card--selected,.partner-type__card:hover{background:#f0f7fd;border-color:var(--brand-blue)}.partner-type__card-icon{align-items:center;background:var(--bg-light);border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:52px;justify-content:center;width:52px}.partner-type__radio{border:2px solid var(--border);border-radius:50%;height:20px;min-width:20px;position:relative;width:20px}.partner-type__radio--active{border-color:var(--brand-blue)}.partner-type__radio--active:after{background:var(--brand-blue);border-radius:50%;content:"";height:10px;left:3px;position:absolute;top:3px;width:10px}.partner-type__card-title{color:var(--text-dark);font-size:16px;font-weight:600}.partner-type__card-desc{color:var(--text-muted);font-size:13px;margin-top:2px}.message-form{padding:16px}.message-form__textarea{background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font-main);font-size:15px;min-height:150px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s;width:100%}.message-form__textarea:focus{background:var(--bg-white);border-color:var(--brand-blue)}.message-form__textarea::-moz-placeholder{color:#bbb}.message-form__textarea::placeholder{color:#bbb}.message-form__counter{color:var(--text-muted);font-size:12px;margin-bottom:20px;margin-top:6px;text-align:right}.referral{padding:16px}.referral__header{margin-bottom:16px;padding:20px;text-align:center}.referral__id{color:var(--text-muted);font-size:13px;margin-top:8px}.success-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.success-screen__icon{font-size:64px;margin-bottom:20px}.success-screen__title{color:var(--text-dark);font-size:22px;font-weight:700;margin-bottom:8px}.success-screen__desc{color:var(--text-muted);font-size:15px;margin-bottom:32px;max-width:280px}.bottom-bar{background:var(--bg-white);border-top:1px solid var(--border);bottom:0;box-shadow:var(--shadow-modal);left:50%;max-width:480px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;transform:translate(-50%);width:100%;z-index:90}.bottom-bar .btn{margin-bottom:0}.info-box{background:#e8f4fd;border:1px solid #b3d9f2;border-radius:var(--radius-sm);color:#1a6b9c;font-size:14px;line-height:1.5;margin:16px;padding:14px 16px}.info-box--warning{background:#fff8e1;border-color:#ffe082;color:#8d6e00}.divider{background:var(--bg-light);border:none;height:8px;margin:0}.separator{align-items:center;color:var(--text-muted);display:flex;font-size:13px;gap:12px;margin:20px 16px}.separator:after,.separator:before{background:var(--border);content:"";flex:1;height:1px}.loader{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px;justify-content:center;padding:40px}.loader__spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--brand-blue);height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.agreement-link{align-items:center;background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--brand-blue);display:flex;font-size:14px;gap:10px;margin:0 16px 16px;padding:14px 16px;text-decoration:none;transition:all .2s}.agreement-link:hover{background:#f0f7fd;border-color:var(--brand-blue)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.badge--success{background:#e8f8f0;color:var(--success)}.badge--warning{background:#fff8e1;color:#e67e00}.badge--info{background:#e8f4fd;color:var(--brand-blue)}.partner-status{padding:0 16px 16px}.partner-status__card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px}.partner-status__title{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.partner-status__progress{background:var(--bg-light);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.partner-status__progress-bar{background:linear-gradient(90deg,var(--brand-blue),var(--accent-blue));border-radius:4px;height:100%;width:65%}.partner-status__progress-text{color:var(--text-muted);display:flex;font-size:12px;justify-content:space-between}@media(min-width:520px){body{align-items:flex-start;display:flex;justify-content:center;padding:20px}.app{border:1px solid var(--border);border-radius:24px;box-shadow:0 8px 40px #0000001f;margin:0;max-height:90vh;min-height:90vh;overflow-y:auto}.header{border-radius:24px 24px 0 0}.bottom-bar{border-radius:0 0 24px 24px;position:sticky}}.learn-tabs{border-bottom:1px solid var(--border);display:flex;gap:20px;padding:20px 16px 12px}.learn-tab{color:var(--text-muted);cursor:pointer;font-size:14px;padding-bottom:8px;position:relative}.learn-tab.active{color:var(--brand-blue);font-weight:700}.learn-tab.active:after{background:var(--brand-blue);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.learn-content{flex:1;overflow-y:auto;padding:16px}.learn-lesson-card{background:var(--bg-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;display:flex;gap:14px;margin-bottom:10px;padding:14px;transition:box-shadow .2s}.learn-lesson-card:active{box-shadow:0 1px 4px #0000001f}.learn-lesson-thumb{align-items:center;background:var(--bg-light) center/cover no-repeat;border-radius:var(--radius-sm);display:flex;justify-content:center;min-height:80px;min-width:70px;width:70px}.learn-lesson-body{display:flex;flex-direction:column;gap:4px;min-width:0}.learn-lesson-title{color:var(--brand-blue);font-size:14px;font-weight:700;line-height:1.3}.learn-lesson-meta{color:var(--text-muted);display:flex;font-size:12px;gap:12px}.learn-lesson-passed{align-items:center;color:var(--success);display:flex;font-size:12px;font-weight:600;gap:6px}.learn-lesson-content{color:var(--text-primary);font-size:14px;line-height:1.7;padding:16px}.learn-lesson-content :deep(p){margin-bottom:14px}.learn-lesson-content :deep(h1),.learn-lesson-content :deep(h2),.learn-lesson-content :deep(h3){color:var(--brand-blue);margin:20px 0 10px}.learn-lesson-content :deep(ol),.learn-lesson-content :deep(ul){margin-bottom:14px;margin-left:20px}.learn-lesson-content :deep(strong){color:var(--brand-blue);font-weight:700}.learn-lesson-content :deep(iframe),.learn-lesson-content :deep(video){aspect-ratio:16/9;border-radius:var(--radius-sm);height:auto;width:100%}.learn-lesson-content :deep(img){border-radius:var(--radius-sm);height:auto;max-width:100%}.learn-info-header{margin-bottom:16px;text-align:center}.learn-info-logo{height:auto;margin-bottom:10px;max-width:180px}.learn-info-title{color:var(--brand-blue);font-size:18px;font-weight:700}.learn-section{margin-bottom:20px}.learn-section-title{color:var(--text-dark);font-size:15px;font-weight:700;margin-bottom:8px}.learn-section p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0 0 8px}.learn-highlight-box{background:linear-gradient(135deg,var(--brand-blue) 0,var(--accent-blue) 100%);border-radius:var(--radius-card);color:#fff;margin-bottom:20px;padding:16px}.learn-highlight-box p{color:#ffffffe6;font-size:13px;line-height:1.6;margin:0}.learn-stats-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:20px}.learn-stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-card);color:var(--text-muted);font-size:13px;padding:14px;text-align:center}.learn-stat-card strong{color:var(--brand-blue);display:block;font-size:14px;margin-bottom:4px}.learn-stat-card p{font-size:12px;margin:0}.learn-video{border-radius:var(--radius-sm);margin-top:12px;overflow:hidden;padding-top:56.25%;position:relative}.learn-video iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.learn-benefits{gap:10px}.learn-benefits,.learn-steps{display:flex;flex-direction:column}.learn-steps{gap:12px}.learn-step-item{align-items:flex-start;background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-card);display:flex;gap:12px;padding:14px}.learn-step-item.learn-step-highlight{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}.learn-step-highlight strong{color:#fff}.learn-step-num{align-items:center;background:var(--brand-blue);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.learn-step-highlight .learn-step-num{background:#fff;color:var(--brand-blue)}.learn-howto{display:flex;flex-direction:column;gap:12px}.learn-howto-item{background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-card);padding:14px}.learn-howto-item strong{color:var(--text-dark);display:block;font-size:14px;margin-bottom:6px}.learn-howto-item p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.learn-empty{color:var(--text-muted);padding:60px 20px;text-align:center}.learn-result-card{background:var(--bg-white);border:1.5px solid var(--border);border-radius:var(--radius-card);margin-bottom:10px;padding:14px;transition:border-color .2s}.learn-result-card.passed{border-color:var(--success)}.learn-result-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.learn-result-title{color:var(--text-primary);flex:1;font-size:14px;font-weight:600;line-height:1.3}.learn-result-badge{border-radius:6px;font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap}.learn-result-badge.success{background:var(--success);color:#fff}.learn-result-badge.pending{background:var(--bg-light);color:var(--text-muted)}.learn-progress{background:var(--bg-light);border-radius:2px;height:4px;margin-top:8px;overflow:hidden;width:100%}.learn-progress-fill{background:#ccc;border-radius:2px;height:100%;transition:width .3s}.learn-progress-fill.success{background:var(--success)}.learn-popup-overlay{align-items:center;background:#0009;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:9999}.learn-popup{background:var(--bg-white);border-radius:20px;box-shadow:0 10px 40px #00000040;max-width:340px;padding:28px 20px;text-align:center;width:100%}.learn-popup-emoji{font-size:56px;margin-bottom:12px}.learn-popup-title{font-size:22px;font-weight:900;margin-bottom:8px}.learn-popup-stats{background:var(--bg-light);border-radius:12px;margin-bottom:16px;padding:16px}.learn-popup-score{color:var(--brand-blue);font-size:32px;font-weight:900;margin-bottom:4px}.popup-fade-enter-active{animation:popup-in .3s ease-out}.popup-fade-leave-active{animation:popup-out .2s ease-in}@keyframes popup-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes popup-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.learn-quiz-topbar{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px}.learn-quiz-back{background:none;border:0;cursor:pointer;display:flex;padding:4px}.learn-quiz-title{color:var(--text-dark);flex:1;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-quiz-timer{background:var(--bg-light);border-radius:16px;color:var(--brand-blue);font-size:13px;font-weight:600;padding:4px 12px;white-space:nowrap}.learn-quiz-steps{display:flex;gap:0;overflow-x:auto;padding:14px 16px 8px;scrollbar-width:none;-ms-overflow-style:none}.learn-quiz-steps::-webkit-scrollbar{display:none}.learn-quiz-step{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:40px}.learn-quiz-step-dot{align-items:center;background:#d4d4d4;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.learn-quiz-step-dot.active{background:var(--btn-blue)}.learn-quiz-step-bar{background:#d4d4d480;height:2px;width:40px}.learn-quiz-step-bar.active{background:var(--btn-blue)}.learn-quiz-question{padding:16px}.learn-quiz-q-title{color:var(--text-dark);font-size:15px;font-weight:600;line-height:1.4;margin-bottom:20px}.learn-quiz-options{display:flex;flex-direction:column;gap:10px}.learn-quiz-option{align-items:center;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px;transition:background .15s}.learn-quiz-option:active{background:var(--bg-light)}.learn-quiz-option.active{color:var(--brand-blue);font-weight:600}.learn-quiz-option-num{align-items:center;background:#d4d4d4;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:26px;justify-content:center;width:26px}.learn-quiz-option-num.circle{border-radius:50%}.learn-quiz-option-num.square{border-radius:5px}.learn-quiz-option.active .learn-quiz-option-num{background:var(--btn-blue)}.learn-quiz-option-text{line-height:1.4}.learn-quiz-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto;padding:10px 16px 20px}.learn-quiz-nav-btn{background:none;border:0;cursor:pointer;display:flex;flex-shrink:0;padding:0}.learn-quiz-nav-btn:disabled{cursor:not-allowed;opacity:.5}.btn--outline{align-items:center;background:var(--bg-white);border:1.5px solid var(--btn-blue);border-radius:var(--radius-btn);color:var(--btn-blue);cursor:pointer;display:inline-flex;font-family:var(--font-btn);font-size:15px;font-weight:700;height:48px;justify-content:center;transition:all .2s}.btn--outline:active{background:var(--bg-light)}.btn--outline:disabled{cursor:not-allowed;opacity:.6}.btn--secondary{align-items:center;background:var(--bg-section);border:none;border-radius:var(--radius-btn);color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-btn);font-size:15px;font-weight:700;height:48px;justify-content:center}.btn--secondary:disabled{cursor:not-allowed;opacity:.6}.loading-box{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.toast{background:#000c;border-radius:8px;bottom:80px;color:#fff;font-size:14px;left:50%;padding:10px 20px;pointer-events:none;position:fixed;transform:translate(-50%);z-index:10000}.toast-enter-active,.toast-leave-active{transition:opacity .3s,transform .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(10px)}.header__bell{color:var(--text-primary);position:relative;text-decoration:none}.header__badge,.header__bell{align-items:center;display:flex;justify-content:center}.header__badge{background:#e53935;border-radius:9px;color:#fff;font-size:11px;font-weight:700;height:18px;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-6px;top:-4px}.notifications{padding:0}.notifications__actions{display:flex;justify-content:flex-end;padding:12px 16px}.notification-item{align-items:flex-start;background:var(--bg-white);border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:14px 16px}.notification-item--unread{background:#f0f7ff}.notification-item__dot{background:var(--brand-blue);border-radius:50%;height:8px;margin-top:6px;min-width:8px;width:8px}.notification-item__body{flex:1;min-width:0}.notification-item__content{font-size:14px;line-height:1.5;word-break:break-word}.notification-item__content p{margin:0 0 4px}.notification-item__content p:last-child{margin-bottom:0}.notification-item__content a{color:var(--brand-blue)}.notification-item__date{color:var(--text-muted);font-size:12px;margin-top:6px}.impersonate{padding:16px}.impersonate__results{margin-top:12px}.impersonate__item{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px;padding:14px 16px;transition:background .2s}.impersonate__item:active{background:var(--bg-container)}.impersonate__item-name{color:var(--text-dark);font-size:15px;font-weight:600}.impersonate__item-info{color:var(--text-muted);font-size:13px;margin-top:4px}.qr-branded{align-items:center;background:#fff;border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:20px}.qr-branded__logo{border-radius:8px;height:auto;width:160px}.qr-branded__code{height:200px;width:200px}.qr-branded__text{color:var(--text-dark);font-size:14px;font-weight:600;text-align:center}