@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--c-indigo: #2A1A5E;--c-indigo-2: #3D2A7A;--c-indigo-3: #4A36A0;--c-indigo-ink: #1A0F40;--c-pink: #EC1E7C;--c-pink-2: #FF4D9D;--c-pink-ink: #B6155E;--c-mint: #3FD9A6;--c-mint-2: #7AE9C2;--c-amber: #F4B73C;--c-amber-2: #FFD37A;--c-ink: #1c1b22;--c-ink-2: #3a3744;--c-ink-3: #6b6878;--c-ink-4: #a09ead;--c-line: #e7e3da;--c-line-2: #d9d4c8;--c-paper: #FAF8F3;--c-paper-2: #F4F1E8;--c-white: #ffffff;--f-display: "Montserrat", system-ui, sans-serif;--f-body: "Montserrat", system-ui, sans-serif;--t-display: 800 30px/1.05 var(--f-display);--t-h1: 800 26px/1.1 var(--f-display);--t-h2: 700 20px/1.2 var(--f-display);--t-h3: 700 17px/1.3 var(--f-display);--t-body: 500 15px/1.5 var(--f-body);--t-body-2: 500 14px/1.5 var(--f-body);--t-caption: 600 12px/1.3 var(--f-body);--t-tag: 700 11px/1.3 var(--f-body);--t-btn: 700 15px/1 var(--f-body);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-sm: 6px;--r-md: 12px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(28,27,34,.08);--sh-2: 0 4px 14px rgba(28,27,34,.1);--sh-3: 0 12px 28px rgba(42,26,94,.18);--sh-card: 0 6px 20px rgba(42,26,94,.1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:#ece8df;font-family:var(--f-body);color:var(--c-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(circle at 20% 10%,rgba(236,30,124,.08),transparent 40%),radial-gradient(circle at 80% 90%,rgba(42,26,94,.08),transparent 50%)}button,input{font-family:inherit}button{border:none;background:none;cursor:pointer;padding:0;color:inherit}a{color:inherit}.cf-app,.cf-app *{font-family:var(--f-body)!important}.cf-app{background:var(--c-paper);height:100%;width:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.cf-app>*{max-width:100%}.cf-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cf-scroll::-webkit-scrollbar{width:0;height:0}.cf-logo{display:inline-flex;align-items:center;gap:8px;color:var(--c-indigo)}.cf-logo-mark{width:28px;height:28px}.cf-logo-mark svg{width:100%;height:100%;display:block}.cf-logo-text{display:flex;flex-direction:column;gap:1px}.cf-logo-text b{font:900 13px/1 var(--f-display);letter-spacing:2px}.cf-logo-text small{font:600 7.5px/1 var(--f-body);letter-spacing:1.5px;color:var(--c-ink-3)}.cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;min-width:52px;padding:0 22px;border-radius:var(--r-pill);font:var(--t-btn);letter-spacing:.5px;text-transform:uppercase;transition:transform .12s,box-shadow .12s,background .15s;white-space:nowrap}.cf-btn:active{transform:scale(.97)}.cf-btn--pink{background:var(--c-pink);color:#fff;box-shadow:0 6px 16px #ec1e7c52}.cf-btn--pink:hover{background:var(--c-pink-ink)}.cf-btn--indigo{background:var(--c-indigo);color:#fff;box-shadow:0 6px 16px #2a1a5e40}.cf-btn--ghost{background:transparent;color:var(--c-indigo);border:1.5px solid var(--c-line-2)}.cf-btn--mint{background:var(--c-mint);color:var(--c-indigo-ink)}.cf-btn--sm{height:40px;padding:0 16px;font-size:13px}.cf-btn--icon{width:44px;height:44px;padding:0}.cf-btn--full{width:100%}.cf-field{display:flex;flex-direction:column;gap:6px}.cf-field label{font:var(--t-tag);letter-spacing:1.2px;text-transform:uppercase;color:var(--c-ink-3)}.cf-input{height:52px;border-radius:var(--r-md);background:var(--c-white);border:1.5px solid var(--c-line);padding:0 16px;font:600 15px/1 var(--f-body);color:var(--c-ink);transition:border-color .15s,box-shadow .15s;width:100%}.cf-input:focus{outline:none;border-color:var(--c-indigo);box-shadow:0 0 0 3px #2a1a5e1f}.cf-input::placeholder{color:var(--c-ink-4);font-weight:500}.cf-toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;font:var(--t-body-2);color:var(--c-ink-2)}.cf-toggle input{position:absolute;opacity:0;pointer-events:none}.cf-toggle .track{width:44px;height:26px;border-radius:var(--r-pill);background:var(--c-line-2);position:relative;transition:background .18s;flex-shrink:0}.cf-toggle .thumb{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .18s;box-shadow:0 1px 3px #0003}.cf-toggle input:checked+.track{background:var(--c-mint)}.cf-toggle input:checked+.track .thumb{transform:translate(18px)}.cf-progress{height:8px;border-radius:var(--r-pill);background:#2a1a5e1a;overflow:hidden}.cf-progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--c-pink),var(--c-pink-2));border-radius:inherit;transition:width .4s ease}.cf-progress.cf-progress--mint>i{background:linear-gradient(90deg,var(--c-mint),var(--c-mint-2))}.cf-progress.cf-progress--lg{height:10px}.cf-progress.cf-progress--sm{height:5px}.cf-card{background:var(--c-white);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden}.cf-tag{display:inline-flex;align-items:center;gap:4px;font:var(--t-tag);letter-spacing:1px;text-transform:uppercase;color:var(--c-indigo);background:#2a1a5e14;border-radius:var(--r-pill);padding:4px 10px;height:22px}.cf-tag--mint{color:var(--c-indigo-ink);background:#3fd9a640}.cf-tag--pink{color:#fff;background:var(--c-pink)}.cf-tag--amber{color:var(--c-indigo-ink);background:var(--c-amber)}.cf-tag--ghost{background:transparent;border:1px solid var(--c-line-2);color:var(--c-ink-3)}.cf-cover{position:relative;overflow:hidden}.cf-topbar{padding:12px 16px;display:flex;align-items:center;gap:12px;background:var(--c-paper);position:sticky;top:0;z-index:5}.cf-topbar--solid{background:var(--c-white);border-bottom:1px solid var(--c-line)}.cf-icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-md);color:var(--c-ink);background:transparent;transition:background .15s}.cf-icon-btn:hover,.cf-icon-btn--filled{background:var(--c-paper-2)}.cf-offline-banner{background:var(--c-amber);display:flex;align-items:center;gap:8px;padding:8px 16px 9px;font:700 12px/1.2 var(--f-body);letter-spacing:.5px;color:var(--c-indigo-ink);border-bottom:1px solid rgba(28,27,34,.12)}.cf-offline-banner .cf-dot{width:8px;height:8px;border-radius:50%;background:var(--c-indigo-ink);animation:cf-pulse 1.8s infinite;flex-shrink:0}@keyframes cf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.cf-saved-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;background:var(--c-mint);color:var(--c-indigo-ink);border-radius:var(--r-pill);padding:4px 10px;font:700 11px/1 var(--f-body);letter-spacing:.5px;box-shadow:var(--sh-1)}.cf-app.cf-offline .cf-not-available{opacity:.45;pointer-events:none}.cf-video{position:relative;aspect-ratio:16/9;background:#0c0a18;background-image:radial-gradient(circle at 50% 50%,rgba(76,54,160,.45),transparent 70%),linear-gradient(180deg,#1f1340,#0c0a18);display:flex;align-items:center;justify-content:center}.cf-video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.025) 22px 23px);pointer-events:none}.cf-video-play{width:64px;height:64px;border-radius:50%;background:var(--c-pink);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ec1e7c66;z-index:1}.cf-video-play svg{width:24px;height:24px;margin-left:4px}.cf-video-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));color:#fff;font:600 11px/1 var(--f-body)}.cf-video-bar .cf-vt{letter-spacing:.5px}.cf-video-bar .cf-vrange{flex:1;height:3px;background:#ffffff4d;border-radius:3px;position:relative}.cf-video-bar .cf-vrange>i{position:absolute;left:0;top:0;bottom:0;width:38%;background:var(--c-pink);border-radius:3px}.cf-video-bar .cf-vrange>i:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#fff}.cf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--c-line)}.cf-tab{font:700 14px/1 var(--f-body);letter-spacing:.3px;color:var(--c-ink-3);padding:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.cf-tab.is-active{color:var(--c-indigo);border-bottom-color:var(--c-pink)}.cf-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--c-paper-2);border-radius:var(--r-lg);padding:14px 6px}.cf-meta-cell{text-align:center;padding:0 4px;display:flex;flex-direction:column;gap:2px}.cf-meta-cell b{font:800 18px/1 var(--f-display);color:var(--c-indigo);letter-spacing:-.3px}.cf-meta-cell span{font:700 9px/1.1 var(--f-body);letter-spacing:1px;text-transform:uppercase;color:var(--c-ink-3)}.cf-lesson-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-md)}.cf-lesson-row+.cf-lesson-row{margin-top:8px}.cf-lesson-row.is-active{border-color:var(--c-pink);box-shadow:0 0 0 2px #ec1e7c26}.cf-lesson-row .cf-le-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:700 13px/1 var(--f-body);flex-shrink:0}.cf-lesson-row.is-done .cf-le-num{background:var(--c-mint);color:var(--c-indigo-ink)}.cf-lesson-row.is-locked .cf-le-num{background:var(--c-paper-2);color:var(--c-ink-4)}.cf-lesson-row.is-current .cf-le-num,.cf-lesson-row.is-active .cf-le-num{background:var(--c-pink);color:#fff}.cf-lesson-row .cf-le-title{flex:1;min-width:0}.cf-lesson-row .cf-le-title b{display:block;font:700 14px/1.3 var(--f-body);color:var(--c-ink);overflow:hidden;text-overflow:ellipsis}.cf-lesson-row .cf-le-title span{display:block;font:600 11px/1 var(--f-body);letter-spacing:.5px;text-transform:uppercase;color:var(--c-ink-3);margin-top:4px}.cf-stickybar{display:flex;gap:8px;align-items:stretch;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--c-white);border-top:1px solid var(--c-line);box-shadow:0 -8px 20px #1c1b220a}.cf-row{display:flex;align-items:center;gap:var(--s-3)}.cf-col{display:flex;flex-direction:column}.cf-gap-1{gap:var(--s-1)}.cf-gap-2{gap:var(--s-2)}.cf-gap-3{gap:var(--s-3)}.cf-gap-4{gap:var(--s-4)}.cf-gap-5{gap:var(--s-5)}.cf-grow{flex:1;min-width:0}.cf-pad-4{padding:var(--s-4)}.cf-pad-5{padding:var(--s-5)}.cf-mt-2{margin-top:var(--s-2)}.cf-mt-3{margin-top:var(--s-3)}.cf-mt-4{margin-top:var(--s-4)}.cf-mt-5{margin-top:var(--s-5)}.cf-text-ink-3{color:var(--c-ink-3)}.cf-display{font:var(--t-display);letter-spacing:-.5px;color:var(--c-indigo)}.cf-h1{font:var(--t-h1);letter-spacing:-.4px;color:var(--c-indigo)}.cf-h2{font:var(--t-h2);letter-spacing:-.2px;color:var(--c-indigo)}.cf-h3{font:var(--t-h3);color:var(--c-ink)}.cf-body{font:var(--t-body);color:var(--c-ink-2)}.cf-body-2{font:var(--t-body-2);color:var(--c-ink-2)}.cf-caption{font:var(--t-caption);color:var(--c-ink-3)}