:root{--color-bg:#fdf8f9;--color-bg-warm:#faf0f4;--color-surface:#fff;--color-surface-hover:#fdf8f9;--color-surface-muted:#faf0f4;--color-text:#1a1028;--color-text-secondary:#5a4468;--color-text-muted:#a08bb4;--color-accent:#e1306c;--color-accent-hover:#c9285f;--color-accent-light:#fef0f5;--color-accent-soft:color-mix(in srgb, var(--color-accent) 10%, transparent);--color-secondary:#833ab4;--color-bonus:var(--color-secondary);--color-bonus-light:color-mix(in srgb, var(--color-secondary) 9%, var(--color-surface));--color-bonus-soft:color-mix(in srgb, var(--color-secondary) 22%, transparent);--color-facebook:#1877f2;--color-success:#4ade80;--color-success-bg:#f0fdf4;--color-warning:#fbbf24;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-border:#eddce6;--color-border-light:#f5eaf0;--gradient-accent:linear-gradient(135deg, #f58529, #dd2a7b, #833ab4);--gradient-accent-hover:linear-gradient(135deg, #e07620, #c9256e, #7232a0);--gradient-accent-conic:conic-gradient(from 0deg, #f58529, #dd2a7b, #833ab4, #f58529);--shadow-xs:0 1px 2px color-mix(in srgb, var(--color-text) 4%, transparent);--shadow-sm:0 2px 8px color-mix(in srgb, var(--color-text) 5%, transparent);--shadow-md:0 4px 16px color-mix(in srgb, var(--color-text) 6%, transparent);--shadow-lg:0 12px 40px color-mix(in srgb, var(--color-text) 8%, transparent);--shadow-xl:0 20px 60px color-mix(in srgb, var(--color-text) 10%, transparent);--shadow-accent-sm:0 2px 12px color-mix(in srgb, var(--color-accent) 30%, transparent);--shadow-accent-md:0 4px 20px color-mix(in srgb, var(--color-accent) 35%, transparent);--shadow-accent-lg:0 10px 24px color-mix(in srgb, var(--color-accent) 40%, transparent);--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.75rem;--radius-full:999px;--font-body:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--color-success-text:#16a34a;--color-warning-text:#d97706;--color-video-bg:#111;--color-ig-yellow:#ffd600;--color-ig-orange:#ff7a00;--color-ig-pink:#ff0069;--color-ig-magenta:#d300c5;--color-ig-purple:#7638fa;--text-2xs:.625rem;--text-xs:.6875rem;--text-sm:.75rem;--text-base:.8125rem;--text-md:.875rem;--text-lg:.9375rem;--text-xl:1rem;--text-2xl:1.0625rem;--text-3xl:1.125rem;--text-4xl:1.25rem;--text-5xl:1.375rem;--text-6xl:1.5rem;--text-7xl:1.625rem;--text-8xl:2rem;--text-9xl:3rem;--font-size-hero:clamp(2rem, 5vw, 3.25rem);--font-size-section:clamp(1.75rem, 4vw, 2.5rem);--font-size-page:clamp(1.5rem, 4vw, 2rem);--font-size-course:clamp(1.5rem, 3.5vw, 2.25rem);--font-size-feature:clamp(1.5rem, 3vw, 2rem);--font-size-hero-mobile:1.75rem;--container:1120px;--gutter:1.25rem;--ease:cubic-bezier(.25, .46, .45, .94);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-body);font-size:var(--text-lg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{list-style:none}button{font:inherit;cursor:pointer;background:0 0;border:none}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hero-title,.section-title,.page-title,.course-title,.featured-course-title,.course-preview-locked h3,.confirm-dialog h2{text-wrap:balance}.hero-desc,.section-desc,.page-subtitle,.featured-course-desc,.benefit-card p,.course-preview-locked p{text-wrap:pretty}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.container{width:min(var(--container), 100% - var(--gutter) * 2);margin-inline:auto}.text-sm{font-size:var(--text-base)}.text-xs{font-size:var(--text-sm)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.gradient-text{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.label{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}.btn{border-radius:var(--radius-full);font-weight:600;font-size:var(--text-md);transition:all .2s var(--ease);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;display:inline-flex}.btn svg{flex-shrink:0;width:1em;height:1em}.btn-primary{background:var(--gradient-accent);color:var(--color-surface);box-shadow:var(--shadow-accent-sm)}.btn-primary:hover{background:var(--gradient-accent-hover);box-shadow:var(--shadow-accent-md);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-accent-sm);transform:translateY(0)scale(.98)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);padding:.5rem .75rem}.btn-ghost:hover,.btn.text-accent{color:var(--color-accent)}.btn-lg{font-size:var(--text-lg);padding:.875rem 1.75rem}.btn-sm{font-size:var(--text-base);padding:.375rem .875rem}.btn:disabled,.btn[disabled]{opacity:.5;pointer-events:none}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid color-mix(in srgb, var(--color-error) 20%, transparent)}.badge{border-radius:var(--radius-full);font-size:var(--text-sm);align-items:center;gap:.25rem;padding:.25rem .625rem;font-weight:600;line-height:1.3;display:inline-flex}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-muted{background:var(--color-surface-muted);color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all .25s var(--ease);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.card-body{padding:1.25rem}.field{margin-bottom:1rem}.field-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);font-size:var(--text-md);padding:.625rem .875rem;transition:border-color .15s}.field-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.field-input:read-only{color:var(--color-text-secondary);background:var(--color-surface-hover)}.field-input:disabled,.editor-textarea:disabled{color:var(--color-text-muted);background:var(--color-surface-hover);cursor:not-allowed}.field-input::placeholder{color:var(--color-text-muted)}select.field-input{appearance:none;background-image:none;background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.development-banner{background:var(--color-accent-soft);color:var(--color-text);font-size:var(--text-sm);text-align:center;padding:.5rem 1rem}.navbar{z-index:100;background:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-light);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:3.5rem;display:flex}.navbar-left{align-items:center;gap:2rem;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--color-text);letter-spacing:-.02em;align-items:center;gap:.5rem;font-weight:700;display:inline-flex}.navbar-logo>span:not(.navbar-logo-avatar){color:var(--color-accent)}.navbar-logo-avatar{flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-flex}.navbar-logo-avatar img{width:100%;height:100%;display:block}.navbar-links{align-items:center;gap:1.5rem;display:flex}.navbar-links a{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:500;transition:color .15s;position:relative}.navbar-links a:hover,.navbar-links a.active{color:var(--color-text)}.navbar-links a.active:after{content:"";background:var(--gradient-accent);border-radius:1px;height:2px;position:absolute;bottom:-.875rem;left:0;right:0}.navbar-right{align-items:center;gap:.75rem;display:flex}.navbar-auth-placeholder{border-radius:var(--radius-full);background:var(--color-surface-muted);width:6.75rem;height:2.25rem;display:inline-block}.navbar-avatar-ring{background:var(--gradient-accent);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:2px;display:inline-flex}.navbar-avatar{border-radius:var(--radius-full);background:var(--color-surface);width:2rem;height:2rem;font-size:var(--text-sm);color:var(--color-accent);justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.navbar-avatar img,.account-profile-avatar img{object-fit:cover;width:100%;height:100%}.navbar-avatar-trigger{border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.navbar-avatar-trigger:focus-visible{box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.navbar-account-menu{display:inline-flex;position:relative}.navbar-account-panel{z-index:30;transform-origin:100% 0;animation:popIn .18s var(--ease-out) both;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:15rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-lg);gap:.25rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .75rem);right:0}.navbar-account-summary{border-bottom:1px solid var(--color-border-light);min-width:0;max-width:100%;margin-bottom:.25rem;padding:.5rem .625rem .625rem;overflow:hidden}.navbar-account-name,.navbar-account-email{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;display:block;overflow:hidden}.navbar-account-name{font-weight:600;font-size:var(--text-md)}.navbar-account-email{color:var(--color-text-muted);font-size:var(--text-sm)}.navbar-account-panel a,.navbar-account-panel button{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);font-size:var(--text-base);padding:.5rem .625rem}.navbar-account-panel a:hover,.navbar-account-panel button:hover{background:var(--color-surface-muted);color:var(--color-text)}.navbar-account-panel .navbar-account-signout{color:var(--color-error)}.menu-toggle{justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:none}.menu-toggle svg{width:1.25rem;height:1.25rem}.navbar-links.mobile-open{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:1rem var(--gutter);box-shadow:var(--shadow-md);flex-direction:column;gap:.75rem;display:flex;position:absolute;top:3.5rem;left:0;right:0}.bottom-nav{z-index:100;background:color-mix(in srgb, var(--color-surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border-light);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:24rem;margin:0 auto;display:flex}.bottom-nav-item{color:var(--color-text-muted);font-size:var(--text-xs);flex-direction:column;align-items:center;gap:.125rem;padding:.375rem .75rem;font-weight:500;transition:color .15s;display:flex}.bottom-nav-item svg{width:1.375rem;height:1.375rem}.bottom-nav-item.active{color:var(--color-accent)}.footer{border-top:1px solid var(--color-border-light);margin-top:3rem;padding:2rem 0 1.25rem}.footer-grid{grid-template-columns:minmax(14rem,1fr) minmax(0,1.5fr) minmax(0,1.2fr);align-items:start;gap:1.5rem;display:grid}.footer-brand{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700}.footer-brand span{color:var(--color-accent)}.footer-seller{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.35rem}.footer-col-title{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:.5rem;font-weight:600}.footer-links{gap:.5rem;display:grid}.footer-links-inline{flex-wrap:wrap;gap:.35rem 1rem;display:flex}.footer-links a{font-size:var(--text-md);color:var(--color-text-secondary);white-space:nowrap;transition:color .15s}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border-light);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;display:flex}.footer-legal{flex-wrap:wrap;gap:0 1rem;display:flex}.footer-bottom a{color:inherit;transition:color .15s}.footer-bottom a:hover{color:var(--color-accent)}.page-section{padding:3rem 0}.page-header{margin-bottom:2rem}.page-title{font-family:var(--font-display);font-size:var(--font-size-page);letter-spacing:-.02em;font-weight:700;line-height:1.15}.page-subtitle{color:var(--color-text-secondary);max-width:50ch;margin-top:.5rem}.legal-body{max-width:46rem;line-height:1.7}.legal-body a{color:var(--color-accent);text-decoration:underline}.section-header{text-align:center;max-width:40rem;margin:0 auto 2.5rem}.section-eyebrow{font-size:var(--text-md);color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.section-title{font-family:var(--font-display);font-size:var(--font-size-section);letter-spacing:-.02em;font-weight:700;line-height:1.1}.section-desc{color:var(--color-text-secondary);font-size:var(--text-lg);margin-top:.75rem}.hero{padding:3rem 0 2rem;position:relative}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.hero-eyebrow{background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-sm);align-items:center;gap:.375rem;margin-bottom:1.25rem;padding:.375rem .875rem;font-weight:600;display:inline-flex}.hero-eyebrow,.hero-title,.hero-desc,.hero-actions{animation:fadeInUp .6s var(--ease-out) both}.hero-title{animation-delay:60ms}.hero-desc{animation-delay:.14s}.hero-actions{animation-delay:.22s}.hero-visual{animation:fadeIn .8s var(--ease-out) .1s both}.hero-title{font-family:var(--font-display);font-size:var(--font-size-hero);letter-spacing:-.02em;font-weight:700;line-height:1.08}.hero-desc{font-size:var(--text-2xl);color:var(--color-text-secondary);max-width:48ch;margin-top:1.25rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat-value{font-family:var(--font-display);font-size:var(--text-6xl);color:var(--color-text);font-weight:700}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.125rem}.course-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.course-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-2px)}.course-card-img{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-bg-warm) 100%);position:relative;overflow:hidden}.course-card-img img,.featured-course-img img{object-fit:cover;width:100%;height:100%}.course-card-img.has-image,.featured-course-img.has-image{background:var(--color-bg-warm)}.course-card-badge{position:absolute;top:.75rem;left:.75rem}.course-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.course-card-title{font-family:var(--font-display);font-size:var(--text-2xl);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.course-card-desc{font-size:var(--text-base);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.course-card-footer{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding-top:.75rem;display:flex}.course-card-price{font-weight:700;font-size:var(--text-xl);color:var(--color-text)}.course-card-owned{font-weight:600;font-size:var(--text-base);color:var(--color-success-text)}.course-card-meta{font-size:var(--text-sm);color:var(--color-text-muted);align-items:center;gap:.25rem;display:flex}.course-card-meta svg{width:.875rem;height:.875rem}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all .25s var(--ease);padding:1.5rem}.benefit-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.benefit-icon{background:var(--color-accent-light);border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;display:flex}.benefit-icon svg{width:1.25rem;height:1.25rem;color:var(--color-accent)}.benefit-card h4{font-size:var(--text-xl);margin-bottom:.375rem;font-weight:600}.benefit-card p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.55}.course-header{margin-bottom:1.5rem}.course-title{font-family:var(--font-display);font-size:var(--font-size-course);max-width:24ch;font-weight:700;line-height:1.15}.course-meta-strip{flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.875rem;display:flex}.course-meta-item{font-size:var(--text-base);color:var(--color-text-secondary);align-items:center;gap:.375rem;display:flex}.course-meta-item svg{width:1rem;height:1rem;color:var(--color-accent)}.course-detail{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"media aside""article aside""outline aside""about aside";align-items:start;gap:0 2.5rem;display:grid}.course-media{grid-area:media}.course-lesson-article{grid-area:article}.course-outline{grid-area:outline}.course-about{grid-area:about}.course-aside{grid-area:aside;position:sticky;top:4.5rem}.purchase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.5rem}.purchase-price{font-family:var(--font-display);font-size:var(--text-8xl);font-weight:700}.purchase-price .currency{font-size:var(--text-xl);color:var(--color-text-muted);font-weight:400}.purchase-features{gap:.625rem;margin:1.25rem 0;display:grid}.purchase-feature{font-size:var(--text-base);color:var(--color-text-secondary);align-items:center;gap:.5rem;display:flex}.purchase-feature svg{width:1rem;height:1rem;color:var(--color-success);flex-shrink:0}.purchase-card .btn{width:100%}.curriculum-section{margin-top:2rem}.curriculum-section-title{font-weight:600;font-size:var(--text-lg);margin-bottom:.75rem}.curriculum-group{margin-bottom:1.25rem}.curriculum-group-header{font-weight:600;font-size:var(--text-md);border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 0;display:flex}.curriculum-group-header svg{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .2s}.curriculum-group.open .curriculum-group-header svg{transform:rotate(90deg)}.curriculum-lessons{padding:.25rem 0 0 1.5rem;display:none}.curriculum-group.open .curriculum-lessons{display:block}.curriculum-lesson{font-size:var(--text-base);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.curriculum-lesson:last-child{border-bottom:none}.curriculum-lesson-left{align-items:center;gap:.5rem;min-width:0;display:flex}.curriculum-lesson-left svg{width:.875rem;height:.875rem;color:var(--color-text-muted);flex-shrink:0}.curriculum-lesson-left span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.course-media{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeIn .3s var(--ease-out) both;scroll-margin-top:5.5rem;position:relative;overflow:hidden}.course-media>*{animation:fadeIn .3s var(--ease-out) both}.course-preview-poster{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-bg-warm) 100%);width:100%;position:relative;overflow:hidden}.course-preview-poster img{object-fit:cover;width:100%;height:100%;display:block}.course-preview-poster.has-image{background:var(--color-bg-warm)}.course-preview-poster.has-image:after{content:"";background:linear-gradient(180deg, transparent 50%, color-mix(in srgb, var(--color-text) 28%, transparent));pointer-events:none;position:absolute;inset:0}.course-preview-play{z-index:1;background:color-mix(in srgb, var(--color-accent) 88%, transparent);width:6rem;height:6rem;color:var(--color-surface);box-shadow:var(--shadow-accent-md), 0 0 0 .75rem color-mix(in srgb, var(--color-surface) 22%, transparent);cursor:pointer;transition:background .15s, transform .25s var(--ease-spring), box-shadow .2s;border:0;border-radius:50%;justify-content:center;align-items:center;margin:auto;padding:0;display:inline-flex;position:absolute;inset:0}.course-preview-play svg{width:2.5rem;height:2.5rem;margin-left:.3rem}.course-preview-play:hover,.course-preview-play:focus-visible{background:var(--color-accent);box-shadow:var(--shadow-accent-lg), 0 0 0 1rem color-mix(in srgb, var(--color-surface) 30%, transparent);transform:scale(1.08)}.course-preview-play:focus-visible{outline:3px solid var(--color-surface);outline-offset:3px}.course-preview-video-frame{background:var(--color-video-bg)}.course-preview-video-frame .video-embed{border-radius:0}.course-preview-video-loading{aspect-ratio:16/9;background:var(--color-video-bg);width:100%;color:color-mix(in srgb, var(--color-surface) 80%, transparent);font-size:var(--text-base);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.course-preview-locked{text-align:center;background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:56.25cqw;padding:3rem 1.5rem;display:flex}.course-media:has(.course-preview-locked){container-type:inline-size}.course-preview-locked-icon{background:var(--color-surface);border:1px solid var(--color-border-light);width:3.5rem;height:3.5rem;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.25rem;display:inline-flex}.course-preview-locked-icon svg{width:1.375rem;height:1.375rem}.course-preview-locked h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700}.course-preview-locked p{color:var(--color-text-secondary);max-width:42ch}.course-preview-locked-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.course-lesson-article{max-width:72ch;padding-top:1.75rem}.course-lesson-eyebrow{font-size:var(--text-base);letter-spacing:.02em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.5rem;font-weight:600}.course-lesson-heading{font-family:var(--font-display);font-size:var(--text-5xl);text-wrap:balance;margin-bottom:1rem;font-weight:700;line-height:1.2}.course-lesson-note{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7}.course-lesson-text{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.75}.course-lesson-text p+p,.course-lesson-text h2+p,.course-lesson-text h3+p{margin-top:.875rem}.course-outline{margin-top:3rem}.course-outline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.course-outline-header h2,.course-about h2{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:1.2}.course-outline-meta{font-size:var(--text-base);color:var(--color-text-muted)}.course-outline-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.course-preview-section-block,.course-preview-lesson.is-top-level{border-bottom:1px solid var(--color-border-light)}.course-outline-list>:last-child{border-bottom:0}.course-preview-section-header{background:var(--color-surface-muted);width:100%;font:inherit;font-weight:600;font-size:var(--text-md);color:var(--color-text);text-align:left;cursor:pointer;border:0;align-items:center;gap:.75rem;padding:.875rem 1.25rem;transition:background .15s;display:flex}.course-preview-section-header:hover{background:var(--color-bg-warm)}.course-preview-section-title{flex:1;min-width:0}.course-preview-section-count{font-size:var(--text-base);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.course-preview-section-chevron{width:1rem;height:1rem;color:var(--color-text-muted);transition:transform .2s var(--ease);flex-shrink:0}.course-preview-section-block.open .course-preview-section-chevron{transform:rotate(90deg)}.course-preview-section-body{display:none}.course-preview-section-block.open .course-preview-section-body{display:block}.course-preview-lesson{border:0;border-top:1px solid var(--color-border-light);width:100%;min-height:3rem;font:inherit;font-size:var(--text-md);color:var(--color-text);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:.75rem;padding:.625rem 1.25rem;transition:background .15s,color .15s;display:flex}.course-preview-section-body .course-preview-lesson:first-child,.course-preview-lesson.is-top-level{border-top:0}.course-preview-lesson:hover{background:var(--color-surface-hover)}.course-preview-lesson.is-locked{color:var(--color-text-secondary)}.course-preview-lesson.is-active{background:var(--color-accent-light);color:var(--color-accent);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:600}.course-preview-lesson-icon{background:var(--color-surface-muted);width:1.75rem;height:1.75rem;color:var(--color-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.course-preview-lesson.is-preview .course-preview-lesson-icon{background:var(--color-accent-light);color:var(--color-accent)}.course-preview-lesson.is-active .course-preview-lesson-icon{background:var(--color-accent);color:var(--color-surface)}.course-preview-lesson-icon svg{width:.875rem;height:.875rem}.course-preview-lesson.is-preview .course-preview-lesson-icon svg{margin-left:.0625rem}.course-preview-lesson-title{flex:1;min-width:0}.course-preview-lesson-number{color:var(--color-text-muted);margin-right:.375rem;font-weight:500}.course-preview-lesson.is-active .course-preview-lesson-number{color:inherit}@media (width<=1024px){.course-detail{grid-template-columns:minmax(0,1fr);grid-template-areas:"media""article""aside""outline""about"}.course-aside{margin-top:2rem;position:static}.course-lesson-article{max-width:none}}@media (width<=768px){.course-media{border-radius:var(--radius-lg)}.course-preview-play{width:4.5rem;height:4.5rem}.course-preview-play svg{width:1.875rem;height:1.875rem}.course-lesson-article{padding-top:1.25rem}.course-lesson-heading{font-size:var(--text-4xl)}.course-outline{margin-top:2.25rem}.course-preview-section-header,.course-preview-lesson{padding-left:1rem;padding-right:1rem}.course-preview-section-count{display:none}}.dashboard-greeting{margin-bottom:.25rem}.dashboard-greeting h1{font-family:var(--font-display);font-size:var(--text-6xl);font-weight:700}.dashboard-greeting p{color:var(--color-text-secondary);font-size:var(--text-md)}.resume-card{background:var(--color-accent-light);border:1px solid color-mix(in srgb, var(--color-accent) 15%, transparent);border-radius:var(--radius-xl);transition:all .2s var(--ease);align-items:center;gap:1.25rem;margin:1.5rem 0 2rem;padding:1.25rem;display:flex}.resume-card:hover{box-shadow:var(--shadow-sm)}.resume-card-thumb{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 15%, transparent), color-mix(in srgb, var(--color-secondary) 10%, transparent));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:3.5rem;display:flex;overflow:hidden}.resume-card-thumb svg{width:1.25rem;height:1.25rem;color:var(--color-accent)}.resume-card-arrow{width:1.25rem;height:1.25rem;color:var(--color-accent);flex-shrink:0}.resume-card-thumb img,.my-course-card-img img{object-fit:cover;width:100%;height:100%}.resume-card-thumb.has-image,.my-course-card-img.has-image{background:var(--color-bg-warm)}.resume-card-info{flex:1;min-width:0}.resume-card-info .text-xs{color:var(--color-accent);font-weight:600;font-size:var(--text-base)}.resume-card-info h3{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;font-weight:600;overflow:hidden}.resume-card-info p{font-size:var(--text-base);color:var(--color-text-secondary)}.my-courses-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.my-course-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);transition:all .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.my-course-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.my-course-card-img{aspect-ratio:16/9;background:linear-gradient(135deg, var(--color-accent-light), var(--color-bg-warm));position:relative;overflow:hidden}.my-course-card-body{flex-direction:column;flex:1;padding:1rem;display:flex}.my-course-card-body h3{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;font-weight:600;overflow:hidden}.my-course-card-body p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:.75rem}.progress-bar{background:var(--color-surface-muted);border-radius:2px;height:4px;margin-top:auto;overflow:hidden}.progress-bar-fill{background:var(--gradient-accent);height:100%;transition:width .4s var(--ease);border-radius:2px}.empty-state{text-align:center;padding:3rem 1rem}.empty-state-icon{background:var(--color-surface-muted);border-radius:var(--radius-full);justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1rem;display:flex}.empty-state-icon svg{width:1.5rem;height:1.5rem;color:var(--color-text-muted)}.empty-state h3{font-size:var(--text-xl);margin-bottom:.375rem;font-weight:600}.empty-state p{font-size:var(--text-md);color:var(--color-text-muted);margin-bottom:1.25rem}.learning-layout{grid-template-columns:300px 1fr;min-height:calc(100dvh - 3.5rem);display:grid}.learning-sidebar{border-right:1px solid var(--color-border-light);background:var(--color-surface);align-self:start;height:calc(100dvh - 3.5rem);position:sticky;top:3.5rem;overflow-y:auto}.learning-sidebar-header{border-bottom:1px solid var(--color-border-light);padding:1rem 1.25rem}.learning-sidebar-header h2{font-size:var(--text-lg);font-weight:600}.learning-sidebar-header p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.125rem}.learning-sidebar-header .progress-bar{margin-top:.625rem}.sidebar-section{border-bottom:1px solid var(--color-border-light)}.sidebar-section-header{font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;font-weight:600;transition:background .15s;display:flex}.sidebar-section-header:hover{background:var(--color-surface-hover)}.sidebar-section-header svg{width:.875rem;height:.875rem;transition:transform .2s}.sidebar-section.open .sidebar-section-header svg{transform:rotate(90deg)}.sidebar-lesson{font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:.625rem;padding:.5rem 1.25rem .5rem 2rem;transition:all .15s;display:none}.sidebar-section.open .sidebar-lesson{display:flex}.sidebar-lesson.is-top-level{padding-left:1.25rem}.sidebar-lesson:hover{background:var(--color-surface-hover)}.sidebar-lesson.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.sidebar-lesson.completed{color:var(--color-success)}.sidebar-lesson svg{flex-shrink:0;width:.875rem;height:.875rem}.sidebar-lesson span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learning-main{padding-bottom:2rem;overflow-y:auto}.admin-preview-banner{border:1px solid var(--color-warning);border-radius:var(--radius-md);background:var(--color-warning-bg);color:var(--color-text);font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1rem;margin-bottom:1rem;padding:.5rem 1rem;display:flex}.admin-preview-banner a{color:var(--color-accent);font-weight:600}.learning-main>.admin-preview-banner{margin:1rem 1.5rem 0}.lesson-content{max-width:720px;animation:fadeInUp .35s var(--ease-out) both;margin:0 auto;padding:2rem 1.5rem}.lesson-content h1{font-family:var(--font-display);font-size:var(--text-6xl);text-wrap:balance;margin-bottom:.5rem;font-weight:700}.lesson-content .lesson-meta{font-size:var(--text-base);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.5rem;display:flex}.lesson-content .lesson-meta span+span:before{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:3px;height:3px;margin-right:.625rem;display:inline-block}.lesson-content .lesson-body{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.75}.lesson-body :where(p,ul,ol,blockquote,pre,hr,table)+:where(p,ul,ol,blockquote,pre,hr,table),.lesson-preview :where(p,ul,ol,blockquote,pre,hr,table)+:where(p,ul,ol,blockquote,pre,hr,table){margin-top:.875rem}.lesson-body :where(h1,h2,h3,h4,h5,h6),.lesson-preview :where(h1,h2,h3,h4,h5,h6){color:var(--color-text);margin-top:1.25rem;margin-bottom:.5rem;font-weight:700;line-height:1.25}.lesson-body :where(h1,h2,h3,h4,h5,h6):first-child,.lesson-preview :where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.lesson-body h1,.lesson-preview h1{font-size:var(--text-5xl)}.lesson-body h2,.lesson-preview h2{font-size:var(--text-4xl)}.lesson-body h3,.lesson-preview h3{font-size:var(--text-3xl)}.lesson-body h4,.lesson-preview h4{font-size:var(--text-xl)}.lesson-body h5,.lesson-preview h5{font-size:var(--text-lg)}.lesson-body h6,.lesson-preview h6{font-size:var(--text-md)}.lesson-body :where(p,li,blockquote),.lesson-preview :where(p,li,blockquote){color:var(--color-text-secondary)}.lesson-body ul,.lesson-preview ul{list-style:outside}.lesson-body ol,.lesson-preview ol{list-style:decimal}.lesson-body :where(ul,ol),.lesson-preview :where(ul,ol){padding-left:1.35rem}.lesson-body li+li,.lesson-preview li+li{margin-top:.375rem}.lesson-body blockquote,.lesson-preview blockquote{border-left:3px solid var(--color-accent);padding-left:.875rem}.lesson-body code,.lesson-preview code{border-radius:var(--radius-sm);background:var(--color-surface-muted);color:var(--color-text);font-family:var(--font-mono);padding:.1rem .25rem;font-size:.9em}.lesson-body pre,.lesson-preview pre{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-surface-muted);padding:.875rem;overflow:auto}.lesson-body pre code,.lesson-preview pre code{background:0 0;padding:0}.lesson-body a:not(.btn),.lesson-preview a{color:var(--color-accent);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.lesson-body hr,.lesson-preview hr{border:0;border-top:1px solid var(--color-border-light)}.lesson-body table,.lesson-preview table{border-collapse:collapse;overflow-wrap:anywhere;width:100%}.lesson-body th,.lesson-body td,.lesson-preview th,.lesson-preview td{border:1px solid var(--color-border-light);text-align:left;padding:.5rem .625rem}.lesson-body th,.lesson-preview th{background:var(--color-surface-muted);color:var(--color-text);font-weight:600}.lesson-nav{border-top:1px solid var(--color-border-light);justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.lesson-progress-error{color:var(--color-error);font-size:var(--text-base);margin-top:1rem}.sidebar-toggle{bottom:calc(1rem + env(safe-area-inset-bottom));z-index:90;background:var(--gradient-accent);width:3rem;height:3rem;color:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:none;position:fixed;left:1rem}.sidebar-toggle svg{width:1.25rem;height:1.25rem}.account-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:2rem;display:grid}.account-nav{flex-direction:column;gap:.25rem;display:flex;position:sticky;top:4.5rem}.account-nav a{border-radius:var(--radius-md);font-size:var(--text-md);color:var(--color-text-secondary);align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;transition:all .15s;display:flex}.account-nav a:hover{background:var(--color-surface-muted)}.account-nav a.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.account-nav a svg{width:1rem;height:1rem}.account-nav button{border-radius:var(--radius-md);font-size:var(--text-md);color:var(--color-text-secondary);text-align:left;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:500;transition:all .15s;display:flex}.account-nav button:hover{background:var(--color-surface-muted)}.account-nav button.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.account-nav button svg{width:1rem;height:1rem}.account-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);margin-bottom:1.5rem;padding:1.5rem}.account-section-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.account-section-header h2{font-size:var(--text-2xl);font-weight:600}.account-profile-summary{background:var(--color-surface-muted);border-radius:var(--radius-lg);align-items:center;gap:.875rem;margin-bottom:1rem;padding:1rem;display:flex}.account-profile-avatar{border-radius:var(--radius-full);background:var(--gradient-accent);width:3rem;height:3rem;color:var(--color-surface);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.account-profile-identity{min-width:0}.account-profile-name,.account-profile-email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.account-profile-name{font-weight:600;font-size:var(--text-lg)}.account-profile-email{color:var(--color-text-muted);font-size:var(--text-base)}.account-form{gap:1rem;display:grid}.account-form .field{margin-bottom:0}.account-form-success{color:var(--color-success-text);font-size:var(--text-base);margin-bottom:1rem;font-weight:600}.security-form{padding-top:1rem}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.order-list{gap:.75rem;display:grid}.order-item{background:var(--color-surface-muted);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.875rem 1rem;display:flex}.order-item-left{align-items:center;gap:.75rem;min-width:0;display:flex}.order-item-left .order-title{font-weight:600;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.order-item-left .order-date{font-size:var(--text-sm);color:var(--color-text-muted)}.order-item-right{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.order-amount{font-weight:600;font-size:var(--text-md)}.danger-zone{border-top:1px solid var(--color-border-light);margin-top:2rem;padding-top:1.5rem}.danger-zone h3{font-size:var(--text-lg);color:var(--color-error);margin-bottom:.5rem;font-weight:600}.danger-zone p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:1rem}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}.checkout-summary{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.5rem;position:sticky;top:4.5rem}.checkout-summary-item{border-bottom:1px solid var(--color-border-light);gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.checkout-summary-thumb{background:linear-gradient(135deg, var(--color-accent-light), var(--color-bg-warm));border-radius:var(--radius-md);flex-shrink:0;width:5rem;height:3.5rem;overflow:hidden}.checkout-summary-thumb img{object-fit:cover;width:100%;height:100%}.checkout-summary-thumb.has-image{background:var(--color-bg-warm)}.checkout-summary-info h3{font-size:var(--text-lg);font-weight:600}.checkout-summary-info p{font-size:var(--text-base);color:var(--color-text-muted)}.checkout-totals{gap:.5rem;display:grid}.checkout-total-row{font-size:var(--text-md);justify-content:space-between;display:flex}.checkout-total-row.total{font-weight:700;font-size:var(--text-3xl);border-top:1px solid var(--color-border-light);margin-top:.5rem;padding-top:.75rem}.checkout-form h2{font-size:var(--text-3xl);margin-bottom:1.25rem;font-weight:600}.checkout-type-toggle{gap:.75rem;margin-bottom:1.25rem;display:flex}.type-option{border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;font-size:var(--text-base);cursor:pointer;flex:1;padding:.75rem;font-weight:500;transition:all .15s}.type-option:hover{border-color:var(--color-text-muted)}.type-option.active{border-color:var(--color-accent);background:var(--color-accent-light);color:var(--color-accent)}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-tabs{scrollbar-width:thin;box-shadow:inset 0 -1px 0 var(--color-border-light);gap:0;margin-bottom:1.5rem;display:flex;overflow-x:auto}.admin-tab{white-space:nowrap;font-family:inherit;font-size:var(--text-md);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;flex:none;padding:.75rem 1.25rem;font-weight:500;transition:color .15s,background-color .15s;position:relative}.admin-tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.admin-tab:focus-visible{outline-offset:-2px}.admin-tab.active{color:var(--color-accent);font-weight:700}.admin-tab.active:after{content:"";background:var(--gradient-accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;font-size:var(--text-base);color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:.625rem .75rem;font-weight:600}.admin-table td{font-size:var(--text-base);border-bottom:1px solid var(--color-border-light);vertical-align:middle;padding:.75rem}.admin-table tr:hover td{background:var(--color-surface-hover)}.admin-funnel-stats{text-align:left;margin-bottom:1rem}.admin-funnel-stats>div{background:var(--color-surface-muted);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:1rem}.admin-funnel-note{margin-bottom:1rem}.editor-layout{grid-template-columns:320px 1fr;align-items:start;gap:1.5rem;display:grid}.editor-sidebar{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden}.editor-sidebar-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.editor-sidebar-header h3{font-size:var(--text-lg);font-weight:600}.editor-outline-item{font-size:var(--text-base);border-bottom:1px solid var(--color-border-light);cursor:pointer;align-items:center;gap:.5rem;padding:.625rem 1.25rem;transition:background .15s;display:flex}.editor-outline-item:hover{background:var(--color-surface-hover)}.editor-outline-item.active{background:var(--color-accent-light);color:var(--color-accent)}.editor-outline-item svg{flex-shrink:0;width:.875rem;height:.875rem}.editor-outline-item.section-item{font-weight:600}.editor-outline-item.lesson-item{padding-left:2.5rem}.editor-main{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.5rem}.editor-main h2{font-size:var(--text-3xl);margin-bottom:1.25rem;font-weight:600}.editor-field-group{gap:1rem;display:grid}.toggle-switch{background:var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:2.5rem;height:1.375rem;transition:background .2s;position:relative}.toggle-switch.active{background:var(--color-accent)}.toggle-switch:after{content:"";background:var(--color-surface);border-radius:50%;width:1rem;height:1rem;transition:transform .2s;position:absolute;top:.1875rem;left:.1875rem}.toggle-switch.active:after{transform:translate(1.125rem)}.editor-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-height:200px;font-family:var(--font-mono);font-size:var(--text-base);resize:vertical;color:var(--color-text);padding:.875rem;line-height:1.6}.editor-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.back-link{font-size:var(--text-base);color:var(--color-text-muted);align-items:center;gap:.375rem;margin-bottom:1.5rem;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--color-accent)}.back-link svg{width:1rem;height:1rem}@media (width<=1024px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{order:-1;position:static}.editor-layout{grid-template-columns:1fr}.account-layout{grid-template-columns:minmax(0,1fr)}.account-nav{flex-direction:row;gap:.125rem;padding-bottom:.5rem;position:static;overflow-x:auto}.account-nav button{flex:none}}@media (width<=768px){:root{--gutter:1rem}.navbar-links{display:none}.navbar-links.mobile-open{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);padding:1rem var(--gutter);box-shadow:var(--shadow-md);z-index:99;animation:fadeInDown .2s var(--ease-out) both;flex-direction:column;align-items:stretch;gap:.25rem;display:flex;position:absolute;top:3.5rem;left:0;right:0}.navbar-links.mobile-open a{border-radius:var(--radius-md);font-size:var(--text-lg);padding:.625rem .75rem}.navbar-links.mobile-open a.active{background:var(--color-accent-light);color:var(--color-accent)}.navbar-links.mobile-open a.active:after,.navbar-right .btn{display:none}.menu-toggle{display:flex}.footer-links-inline{row-gap:0}.footer-links a,.footer-bottom a,.footer-bottom a{align-items:center;min-height:2.75rem;display:inline-flex}.bottom-nav{display:flex}body{padding-bottom:calc(3.5rem + env(safe-area-inset-bottom))}.hero{padding:2.25rem 0 1.5rem}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-desc{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{display:none}.section-header{margin-bottom:1.75rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.course-grid,.benefits-grid,.learning-layout{grid-template-columns:1fr}.learning-sidebar{z-index:90;width:min(300px,85vw);transition:transform .3s var(--ease-out);box-shadow:var(--shadow-xl);position:fixed;top:3.5rem;bottom:0;left:0;transform:translate(-100%)}.lesson-content{padding:1.5rem 1.25rem}.learning-sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.sidebar-overlay{background:color-mix(in srgb, var(--color-text) 30%, transparent);z-index:85;opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.form-row{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{text-align:center;flex-direction:column;gap:.5rem}.my-courses-grid{grid-template-columns:1fr}.admin-table{font-size:var(--text-sm)}.admin-table th,.admin-table td{padding:.5rem}}@media (width<=480px){.hero-title{font-size:var(--font-size-hero-mobile)}.hero-actions{flex-direction:column;align-items:center}.hero-actions .btn{width:100%}.course-card-body{padding:1rem}.checkout-type-toggle{flex-direction:column}}.hero-portrait-ring{aspect-ratio:1;border-radius:var(--radius-full);background:var(--gradient-accent);width:min(100%,360px);box-shadow:var(--shadow-lg);transition:transform .4s var(--ease-out);padding:6px;display:block;position:relative;transform:rotate(-2deg)}.hero-portrait-ring:hover,.hero-portrait-ring:focus-visible{transform:rotate(0)scale(1.02)}.hero-portrait-picture{display:contents}.hero-portrait-img{border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--color-surface);background:var(--color-surface-muted);width:100%;height:100%;display:block}.hero-portrait-stat{background:var(--color-accent);color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-accent-lg);z-index:2;pointer-events:none;font-family:var(--font-display);white-space:nowrap;animation:statPop .6s var(--ease-spring) .5s both;align-items:center;gap:.5rem;padding:.75rem 1rem;display:inline-flex;position:absolute;top:-6%;left:62%}.hero-portrait-stat:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:12px solid var(--color-accent);width:0;height:0;position:absolute;bottom:-10px;left:28px}.hero-portrait-stat-icon{flex-shrink:0;width:1.5rem;height:1.5rem}.hero-portrait-stat-num{font-size:var(--text-5xl);letter-spacing:0;text-align:left;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;min-width:0;font-weight:700;line-height:1;display:inline-block}@keyframes statPop{0%{opacity:0;transform:translateY(-12px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.hero-portrait-stat{animation:none}}.services-dm{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.services-dm-text{font-size:var(--text-lg);color:var(--color-text-secondary)}@media (width<=640px){.services-dm{flex-direction:column;gap:.875rem}}.featured-course{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.featured-course-img{background:linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-bg-warm) 50%, color-mix(in srgb, var(--color-secondary) 12%, transparent) 100%);min-height:280px;position:relative;overflow:hidden}.featured-course-eyebrow{font-size:var(--text-md);color:var(--color-accent);margin-bottom:.75rem;font-weight:600}.featured-course-body{flex-direction:column;padding:2rem;display:flex}.featured-course-title{font-family:var(--font-display);font-size:var(--font-size-feature);letter-spacing:-.02em;font-weight:700;line-height:1.15}.featured-course-desc{color:var(--color-text-secondary);line-height:1.6;font-size:var(--text-lg);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:.875rem;display:-webkit-box;overflow:hidden}.featured-course-meta{border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);color:var(--color-text-muted);flex-wrap:wrap;gap:1.25rem;margin-top:1.25rem;padding:.875rem 0;display:flex}.featured-course-meta span{align-items:center;gap:.375rem;display:inline-flex}.featured-course-meta svg{width:1rem;height:1rem}.featured-course-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.featured-course-price{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:700}.featured-course-price .currency{font-size:var(--text-xl);color:var(--color-text-muted);margin-left:.125rem;font-weight:400}@media (width<=768px){.featured-course{grid-template-columns:1fr}.featured-course-img{aspect-ratio:16/10;min-height:0}.featured-course-img:not(.has-image){display:none}.featured-course-body{padding:1.5rem 1.25rem}}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.page{width:min(var(--container), 100% - var(--gutter) * 2);margin-inline:auto;padding:3rem 0}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.5rem}.button-link{border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);font-size:var(--text-md);transition:all .2s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600;display:inline-flex}.button-link:hover{border-color:var(--color-text-muted);transform:translateY(-1px)}.button-link:disabled{opacity:.5;pointer-events:none}.muted{color:var(--color-text-muted)}.warning{color:var(--color-error);font-weight:600}.eyebrow{font-size:var(--text-md);color:var(--color-accent);font-weight:600}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.meta-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-card{max-width:28rem;margin-inline:auto}.auth-page-header,.auth-page-header .page-subtitle{text-align:center;margin-inline:auto}.auth-panel{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:1.25rem;padding:1.5rem;display:grid}.auth-panel h2{font-size:var(--text-3xl);font-weight:600}.auth-panel p{color:var(--color-text-secondary);font-size:var(--text-base);margin-top:.25rem}.auth-form{gap:1rem}.auth-form .field{margin-bottom:0}.auth-form .form-row{gap:.75rem}.auth-form .btn{width:100%}.auth-social-grid{gap:.625rem;display:grid}.auth-social-button{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-text);font-size:var(--text-md);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:.625rem;padding:.625rem 1rem;font-weight:600;display:inline-flex}.auth-social-button:hover:not(:disabled){border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.auth-social-button:disabled{cursor:not-allowed;opacity:.7}.auth-social-mark{border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex}.auth-social-mark img{object-fit:contain;width:100%;height:100%;display:block}.auth-divider{color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;gap:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border-light);flex:1;height:1px}.auth-panel .auth-error,.auth-error{border-radius:var(--radius-md);background:var(--color-error-bg);color:var(--color-error);font-size:var(--text-base);padding:.625rem .75rem;font-weight:500}.field-error{color:var(--color-error);font-size:var(--text-sm);margin-top:.375rem}.auth-switch{text-align:center;color:var(--color-text-muted);font-size:var(--text-base)}.auth-privacy{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.auth-privacy a{color:inherit;text-decoration:underline}.auth-switch a,.auth-link-button{color:var(--color-accent);font-weight:600}.auth-link-button{font-size:var(--text-base);justify-self:center}.auth-pending-page{min-height:calc(100svh - 3.5rem)}.auth-pending-inline{border-top:1px solid var(--color-border-light);min-height:8rem;margin-top:1.5rem}.auth-pending-card{min-height:12rem}.state-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:1.5rem}.video-embed{aspect-ratio:16/9;background:var(--color-video-bg);border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%}.video-embed-state{color:var(--color-surface);text-align:center;flex-flow:column wrap;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.video-embed-state .button-link{background:color-mix(in srgb, var(--color-surface) 90%, transparent)}.video-embed-error{background:color-mix(in srgb, var(--color-surface) 92%, transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex;position:absolute;inset:auto .75rem .75rem}.course-about{margin-top:3rem}.checkout-payment h2,.editor-assets h2,.editor-course-settings h2{font-size:var(--text-xl);margin-bottom:.75rem;font-weight:600}.course-about div{color:var(--color-text-secondary);line-height:1.75;font-size:var(--text-lg);max-width:72ch;margin-top:1rem}.course-about-desc{white-space:pre-line}.course-about p+p{margin-top:.75rem}.purchase-note{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.75rem}.checkout-state,.checkout-payment,.editor-assets,.editor-course-settings{border-top:1px solid var(--color-border-light);margin-top:1.5rem;padding-top:1.5rem}.library-section-header,.admin-access-toolbar,.editor-preview-grid{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.checkout-state{margin-bottom:1.25rem}.checkout-state h3,.checkout-summary-title,.editor-preview-grid h3,.admin-message{font-size:var(--text-lg);font-weight:600}.checkout-state p{color:var(--color-text-secondary);margin-top:.5rem}.checkout-payment-provider{background:var(--color-surface-muted);border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:1.25rem;display:flex}.checkout-payment-provider svg{width:1.5rem;height:1.5rem;color:var(--color-accent)}.checkout-provider-title{font-weight:600;font-size:var(--text-base)}.checkout-provider-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.checkout-submit{width:100%;margin-top:1.5rem}.company-fields{margin-top:1rem}.company-fields-note{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:1rem}.account-section-note{margin-bottom:1rem}.library-section-header{align-items:center;margin-bottom:1.25rem}.library-section-header h2{font-size:var(--text-2xl);font-weight:600}.lesson-video-frame{background:var(--color-video-bg);padding:1rem}.lesson-video-loading{aspect-ratio:16/9;background:var(--color-video-bg);width:100%;color:color-mix(in srgb, var(--color-surface) 80%, transparent);font-size:var(--text-base);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.lesson-video-spinner,.course-preview-video-spinner{border:2px solid color-mix(in srgb, var(--color-surface) 25%, transparent);border-top-color:var(--color-surface);border-radius:50%;width:2rem;height:2rem;animation:.9s linear infinite lessonSpin}@keyframes lessonSpin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}.sidebar-section-header{font:inherit;text-align:left;background:0 0;border:0;width:100%}.admin-message{color:var(--color-accent);animation:fadeInUp .25s var(--ease-out) both;margin-bottom:1rem}.admin-orders-toolbar{margin-bottom:1.25rem}.admin-orders-filters{grid-template-columns:minmax(10rem,.7fr) minmax(14rem,1fr) minmax(16rem,1.2fr);align-items:end;gap:1rem;display:grid}.admin-orders-filter-note,.admin-orders-limit-note{color:var(--color-text-muted);font-size:var(--text-sm);margin:.75rem 0 0}.admin-orders-limit-note{color:var(--color-accent);margin:0 0 1rem}.admin-order-id{font-size:var(--text-xs);white-space:nowrap}.admin-table-wrap{overflow-x:auto}.admin-table-title{color:var(--color-text);font-weight:600}.admin-table-actions-cell{min-width:15rem}.admin-table-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.admin-access-form{grid-template-columns:minmax(13rem,.85fr) minmax(18rem,1fr) auto auto;align-items:end;gap:1rem;width:100%;margin-bottom:0;display:grid}.admin-access-bonus{min-height:2.75rem;font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;cursor:pointer;align-items:center;gap:.5rem;display:flex}.admin-access-toolbar{margin-bottom:1rem;display:block}.admin-access-form .btn{white-space:nowrap;min-height:2.75rem}.revoke-field{max-width:28rem}.text-error{color:var(--color-error)}.confirm-dialog-backdrop{z-index:220;background:color-mix(in srgb, var(--color-text) 24%, transparent);animation:fadeIn .2s var(--ease-out) both;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:min(100%,28rem);box-shadow:var(--shadow-lg);overscroll-behavior:contain;max-height:calc(100dvh - 2rem);animation:popIn .22s var(--ease-out) both;padding:1.5rem;overflow-y:auto}.confirm-dialog-icon{border-radius:var(--radius-full);background:var(--color-error-bg);width:2.5rem;height:2.5rem;color:var(--color-error);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.confirm-dialog-icon svg{width:1.125rem;height:1.125rem}.confirm-dialog h2{font-size:var(--text-2xl);margin:0 0 .625rem;font-weight:700;line-height:1.2}.confirm-dialog p{color:var(--color-text-secondary);margin:0;line-height:1.65}.confirm-dialog-actions{background:var(--color-surface);flex-wrap:wrap;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;margin-bottom:-1.5rem;padding:.75rem 0 1.5rem;display:flex;position:sticky;bottom:-1.5rem}.editor-outline-list,.editor-section-block{gap:.25rem;display:grid}.editor-outline-title{min-width:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:.5rem;display:inline-flex}.editor-outline-title:disabled{color:var(--color-text-muted)}.editor-outline-drag{width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:grab;border-radius:var(--radius-sm);opacity:0;touch-action:none;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s,background .12s;display:inline-flex}.editor-outline-drag:hover{background:var(--color-surface-muted);color:var(--color-text-secondary)}.editor-outline-drag:active{cursor:grabbing}.editor-outline-drag svg{width:.875rem;height:.875rem}.editor-outline-item:hover .editor-outline-drag,.editor-outline-item:focus-within .editor-outline-drag,.editor-outline-item.is-dragging .editor-outline-drag{opacity:1}.editor-outline-delete{width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-lg);opacity:0;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:opacity .12s,color .12s,background .12s;display:inline-flex}.editor-outline-item:hover .editor-outline-delete,.editor-outline-item:focus-within .editor-outline-delete{opacity:1}.editor-outline-delete:hover{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent)}.editor-section-actions{opacity:0;gap:.125rem;transition:opacity .12s;display:inline-flex}.editor-section-block:hover .editor-section-actions,.editor-section-block:focus-within .editor-section-actions{opacity:1}.editor-section-action{width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-lg);background:0 0;border:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.editor-section-action svg{width:.75rem;height:.75rem}.editor-section-action:hover{background:var(--color-surface-muted);color:var(--color-text-secondary)}.editor-section-action-delete:hover{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent)}@media (hover:none){.editor-outline-drag,.editor-outline-delete,.editor-section-actions{opacity:1}.editor-outline-drag,.editor-outline-delete,.editor-section-action{width:2.25rem;height:2.25rem}}.editor-section-rename-input{min-width:0;font:inherit;border:1px solid var(--color-accent);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none;flex:1;padding:.25rem .5rem;font-weight:600}.editor-section-empty-drop{border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;background:var(--color-surface-hover);margin:.125rem .75rem .125rem 1.75rem;padding:.625rem .75rem}.editor-outline-item.is-dragging,.editor-section-block.is-dragging>.editor-outline-item.section-item{opacity:.4}.editor-drag-preview{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-base);cursor:grabbing;align-items:center;gap:.5rem;min-width:12rem;padding:.5rem .875rem;font-weight:500;display:inline-flex}.editor-drag-preview svg{width:.875rem;height:.875rem;color:var(--color-text-muted)}.editor-drag-preview .editor-outline-text{flex:1}.toggle-input,.lesson-toggle input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.editor-textarea-short{min-height:6rem}.course-editor-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.course-editor-header-text{gap:.375rem;min-width:0;display:grid}.course-editor-eyebrow{font-size:var(--text-base);color:var(--color-text-muted);font-weight:600}.course-editor-title{font-size:var(--font-size-page);color:var(--color-text);margin:0;font-weight:700;line-height:1.15}.course-editor-meta{font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:.625rem;display:inline-flex}.course-editor-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.course-editor-message{background:var(--color-accent-light);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-base);animation:fadeInUp .25s var(--ease-out) both;align-items:center;gap:.625rem;margin-bottom:1rem;padding:.75rem .875rem;display:flex}.course-editor-message svg{flex-shrink:0;width:1rem;height:1rem}.course-editor-message-close{color:inherit;font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;margin-left:auto;padding:0 .25rem;line-height:1}.course-editor-message-close:hover{background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.course-editor-message.is-error{background:var(--color-error-bg);color:var(--color-error)}.admin-tab-count{border-radius:var(--radius-full);background:var(--color-surface-muted);min-width:1.25rem;height:1.25rem;color:var(--color-text-muted);font-size:var(--text-xs);justify-content:center;align-items:center;margin-left:.5rem;padding:0 .375rem;font-weight:600;display:inline-flex}.admin-tab.active .admin-tab-count{background:var(--color-accent-light);color:var(--color-accent)}.editor-outline-empty{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);padding:1.25rem 1.25rem .75rem}.editor-outline-empty p{margin:0}.editor-outline-empty p+p{margin-top:.25rem}.editor-outline-list{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:.5rem;display:grid}.editor-section-block{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.editor-outline-item{border-bottom:0}.editor-outline-item.section-item{padding-left:.5rem;padding-right:.5rem;font-weight:600}.editor-outline-item.section-item.active{color:var(--color-text);background:0 0}.editor-outline-item.lesson-item{padding-left:.5rem;padding-right:.5rem}.editor-outline-item.lesson-item.lesson-item-nested{padding-left:1.75rem}.editor-outline-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.editor-outline-pill{border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-xs);flex-shrink:0;align-items:center;padding:.0625rem .5rem;font-weight:600;display:inline-flex}.editor-outline-pill-muted{background:var(--color-surface-muted);color:var(--color-text-muted)}.editor-section-collapse{width:1.5rem;height:1.5rem;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.editor-section-collapse:hover{background:var(--color-surface-muted)}.editor-section-collapse svg{width:.875rem;height:.875rem;transition:transform .15s var(--ease)}.editor-section-collapse .chevron-collapsed{transform:rotate(0)}.editor-section-collapse .chevron-expanded{transform:rotate(90deg)}.editor-section-add-trigger{color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;align-items:center;gap:.375rem;margin-bottom:.25rem;margin-left:2.5rem;padding:.375rem .625rem;display:inline-flex}.editor-section-add-trigger:hover{color:var(--color-accent);background:var(--color-surface-hover)}.editor-section-add-trigger svg{width:.75rem;height:.75rem}.editor-section-add-lesson{margin:.25rem .75rem .5rem 2.5rem}.editor-sidebar-footer{border-top:1px solid var(--color-border-light);background:var(--color-surface);padding:.75rem}.editor-sidebar-actions{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.editor-sidebar-actions .btn{justify-content:center;width:100%}.editor-inline-form{gap:.5rem;display:grid}.editor-inline-form-compact{gap:.375rem}.editor-inline-form .field-input{font-size:var(--text-sm)}.editor-inline-form-actions{justify-content:flex-end;gap:.375rem;display:flex}.editor-main{gap:1.25rem;padding:1.5rem;display:grid}.lesson-editor-head{border-bottom:1px solid var(--color-border-light);gap:.875rem;padding-bottom:1.25rem;display:grid}.lesson-title-input{width:100%;font-size:var(--font-size-section);color:var(--color-text);background:0 0;border:0;padding:0;font-weight:700;line-height:1.2}.lesson-title-input:focus{outline:none}.lesson-title-input::placeholder{color:var(--color-text-muted);font-weight:600}.lesson-meta-row{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.lesson-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:inline-flex}.lesson-toggle-text{color:var(--color-text-secondary)}.lesson-meta-link{color:var(--color-accent);font-size:var(--text-sm);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.25rem 0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.lesson-meta-link:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.lesson-slug-field{margin:0;padding-top:.25rem}.lesson-body-section{gap:.625rem;display:grid}.lesson-body-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.lesson-body-label{font-size:var(--text-md);color:var(--color-text);font-weight:600}.lesson-body-toolbar-actions{align-items:center;gap:.5rem;display:inline-flex}.asset-picker-anchor{position:relative}.lesson-video-field{margin-bottom:1.25rem}.lesson-video-field-status{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.lesson-body-grid{align-items:stretch;gap:1rem;display:grid}.lesson-body-grid.with-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lesson-body-textarea{min-height:320px}.lesson-body-preview{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg);max-height:28rem;padding:1rem;overflow:auto}.lesson-body-preview-head{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.lesson-body-preview-head>span:first-child{font-size:var(--text-md);color:var(--color-text);font-weight:600}.lesson-body-preview .lesson-preview h1{font-size:var(--text-2xl)}.lesson-body-preview .lesson-preview h2{font-size:var(--text-xl)}.lesson-body-preview .lesson-preview h3{font-size:var(--text-lg)}.lesson-body-preview .lesson-preview :where(h4,h5,h6){font-size:var(--text-md)}.lesson-body-preview .asset-preview,.lesson-body .asset-preview{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);gap:.125rem;margin:.5rem 0;padding:.625rem .75rem;display:grid}.lesson-body-preview .asset-preview strong,.lesson-body .asset-preview strong{font-size:var(--text-sm)}.lesson-body-preview .asset-preview span,.lesson-body .asset-preview span{font-size:var(--text-xs);color:var(--color-text-muted)}.lesson-sync-notice{border:1px solid var(--color-warning);border-radius:var(--radius-lg);background:var(--color-warning-bg);font-size:var(--text-sm);color:var(--color-text);gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;display:grid}.lesson-sync-notice-actions{flex-wrap:wrap;gap:.5rem;display:flex}.lesson-save-bar{background:color-mix(in srgb, var(--color-surface) 96%, transparent);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;padding:.875rem 1rem;display:flex;position:sticky;bottom:0}.lesson-save-state{font-size:var(--text-sm);color:var(--color-success);align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.lesson-save-state svg{width:.875rem;height:.875rem}.lesson-save-state-dirty{color:var(--color-text-secondary)}.lesson-save-dot{background:var(--color-accent);border-radius:50%;width:.5rem;height:.5rem}.lesson-empty-state{text-align:center;justify-items:center;gap:.5rem;padding:3rem 1.5rem;display:grid}.lesson-empty-state .empty-state-icon{background:var(--color-accent-light);width:3rem;height:3rem;color:var(--color-accent);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.lesson-empty-state .empty-state-icon svg{width:1.25rem;height:1.25rem;color:var(--color-accent)}.lesson-empty-state h3{font-size:var(--text-xl);margin:0;font-weight:600}.lesson-empty-state p{font-size:var(--text-md);color:var(--color-text-secondary);max-width:26rem;margin:0 0 .75rem}.asset-picker{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:min(22rem,100vw - 2rem);box-shadow:var(--shadow-xl);z-index:30;transform-origin:100% 0;max-height:min(28rem,100vh - 8rem);animation:popIn .18s var(--ease-out) both;grid-template-rows:auto auto 1fr auto;display:grid;position:absolute;top:calc(100% + .5rem);right:0}@media (width<=40rem){.asset-picker{width:auto;margin-top:.5rem;position:fixed;top:auto;left:1rem;right:1rem}}.asset-picker-head{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.asset-picker-close{font-size:var(--text-lg);color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;padding:0 .25rem;line-height:1}.asset-picker-close:hover{color:var(--color-text)}.asset-picker-search{width:calc(100% - 2rem);font-size:var(--text-sm);margin:.625rem 1rem}.asset-picker-list{padding:0 .375rem .375rem;overflow-y:auto}.asset-picker-empty{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);justify-items:center;gap:.5rem;padding:1.5rem 1rem;display:grid}.asset-picker-item{border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.asset-picker-item:hover{background:var(--color-surface-muted)}.asset-picker-item:disabled{opacity:.5;cursor:not-allowed}.asset-picker-item svg{width:1rem;height:1rem;color:var(--color-text-muted);flex-shrink:0}.asset-picker-item-text{gap:.0625rem;min-width:0;display:grid}.asset-picker-item-title{font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.asset-picker-item-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.asset-picker-footer{border-top:1px solid var(--color-border-light);justify-content:flex-end;padding:.5rem;display:flex}.files-tab{gap:1rem;display:grid}.files-tab-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.files-tab-title{font-size:var(--text-2xl);margin:0 0 .25rem;font-weight:600}.files-add-form,.video-upload-form{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);gap:.875rem;padding:1.25rem;display:grid}.video-upload-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.video-upload-head h3{font-size:var(--text-xl);margin:0 0 .25rem;font-weight:600}.video-upload-head p{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:42rem;margin:0;line-height:1.6}.files-add-form-head,.files-add-form-detail{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;display:grid}.files-add-form .field,.video-upload-form .field{margin:0}.video-upload-form form{gap:.875rem;display:grid}.files-add-form-actions{justify-content:flex-end;gap:.5rem;display:flex}.video-upload-dropzone{border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted);min-height:9rem;color:var(--color-text-secondary);cursor:pointer;align-content:center;justify-items:center;gap:.375rem;padding:1.5rem;transition:border-color .15s,background .15s;display:grid}.video-upload-dropzone:hover{border-color:var(--color-accent);background:var(--color-accent-light)}.video-upload-dropzone input{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.video-upload-dropzone-icon{border-radius:var(--radius-full);width:2.75rem;height:2.75rem;color:var(--color-accent);background:var(--color-surface);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.video-upload-dropzone-icon svg{width:1.125rem;height:1.125rem}.video-upload-dropzone-text{color:var(--color-text);text-align:center;font-weight:600}.video-upload-dropzone-meta{color:var(--color-text-muted);font-size:var(--text-xs)}.video-upload-progress{gap:.375rem;display:grid}.video-upload-progress-head{color:var(--color-text-secondary);font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:1rem;display:flex}.video-upload-progress-track{border-radius:var(--radius-full);background:var(--color-surface-muted);height:.5rem;overflow:hidden}.video-upload-progress-track span{border-radius:inherit;background:var(--gradient-accent);min-width:.25rem;height:100%;transition:width .2s;display:block}.files-manual-registration{border-top:1px solid var(--color-border-light);padding-top:.875rem}.files-manual-registration summary{color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:600}.files-manual-form{gap:.875rem;margin-top:.875rem;display:grid}.files-filter{flex-wrap:wrap;gap:.375rem;display:flex}.files-filter-pill{border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;border:0;align-items:center;gap:.5rem;padding:.375rem .75rem;transition:all .15s;display:inline-flex}.files-filter-pill:hover{background:var(--color-accent-light);color:var(--color-accent)}.files-filter-pill.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:600}.files-filter-pill-count{font-size:var(--text-xs);background:color-mix(in srgb, var(--color-text) 8%, transparent);border-radius:var(--radius-full);padding:0 .375rem}.files-filter-pill.active .files-filter-pill-count{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.files-empty{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;justify-items:center;gap:.375rem;padding:2rem 1.5rem;display:grid}.files-empty .empty-state-icon{background:var(--color-surface-muted);width:2.5rem;height:2.5rem;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.files-empty h3{font-size:var(--text-lg);margin:0;font-weight:600}.files-empty p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:30rem;margin:0}.files-list{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.files-list-item{border-bottom:1px solid var(--color-border-light);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.875rem 1rem;display:grid}.files-list-item:last-child{border-bottom:0}.files-list-icon{border-radius:var(--radius-md);background:var(--color-surface-muted);width:2rem;height:2rem;color:var(--color-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.files-list-icon svg{width:.875rem;height:.875rem}.files-list-icon-video{background:var(--color-accent-light);color:var(--color-accent)}.files-list-text{gap:.125rem;min-width:0;display:grid}.files-list-title{font-size:var(--text-md);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.files-list-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files-list-meta code{font-family:var(--font-mono);font-size:var(--text-xs)}.files-list-meta .badge{font-size:var(--text-xs);padding:0 .375rem}.files-list-actions{align-items:center;gap:.375rem;display:inline-flex}.files-list-title-button{text-align:left;cursor:pointer;background:0 0;border:0;max-width:100%;padding:0;font-family:inherit;display:block}.files-list-title-button:hover{color:var(--color-accent);text-decoration:underline}.hero-image-field{max-width:32rem}.hero-image-drop{border:1px dashed var(--color-border);border-radius:var(--radius-xl);transition:border-color .15s,background .15s}.hero-image-drop.is-dragging{border-color:var(--color-accent);background:var(--color-accent-light)}.hero-image-preview{aspect-ratio:16/9;border-radius:var(--radius-xl);background:var(--color-surface-muted);position:relative;overflow:hidden}.hero-image-preview img{object-fit:cover;width:100%;height:100%;display:block}.hero-image-empty{color:var(--color-text-secondary);font-size:var(--text-sm);text-align:center;place-content:center;justify-items:center;gap:.375rem;padding:1rem;display:grid;position:absolute;inset:0}.hero-image-empty strong{color:var(--color-text)}.hero-image-empty-icon{border-radius:var(--radius-full);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-accent);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.hero-image-empty-icon svg{width:1.125rem;height:1.125rem}.hero-image-busy{background:color-mix(in srgb, var(--color-surface) 82%, transparent);color:var(--color-text);font-size:var(--text-sm);text-align:center;align-content:center;gap:.5rem;padding:1rem 2rem;font-weight:600;display:grid;position:absolute;inset:0}.hero-image-actions{flex-wrap:wrap;gap:.5rem;margin:.625rem 0 .5rem;display:flex}.video-preview-dialog{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);width:min(56rem,100% - 1.5rem);max-height:calc(100dvh - 1.5rem);color:var(--color-text);box-shadow:var(--shadow-lg);overscroll-behavior:contain;margin:auto;padding:1.25rem;overflow-y:auto}.video-preview-dialog[open]{animation:popIn .22s var(--ease-out) both;gap:.875rem;display:grid}.video-preview-dialog::backdrop{background:color-mix(in srgb, var(--color-text) 40%, transparent)}.video-preview-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.video-preview-head h2{font-size:var(--text-2xl);overflow-wrap:anywhere;margin:0 0 .25rem;font-weight:700;line-height:1.2}.video-preview-head p{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;display:flex}.video-preview-message{border-radius:var(--radius-lg);background:var(--color-surface-muted);text-align:center;justify-items:center;gap:.5rem;padding:2.5rem 1rem;display:grid}.video-preview-message p{color:var(--color-text-secondary);margin:0}.asset-delete-blockers{border-radius:var(--radius-md);background:var(--color-error-bg);color:var(--color-error);gap:.625rem;margin-top:1rem;padding:.875rem;display:grid}.asset-delete-blockers p{color:inherit;font-size:var(--text-sm);margin:0}.asset-delete-blockers code{font-family:var(--font-mono);font-size:var(--text-xs)}.asset-delete-blockers ul{gap:.5rem;margin:0;padding-left:1rem;display:grid}.asset-delete-blockers li{gap:.125rem;display:grid}.asset-delete-blockers span{color:color-mix(in srgb, var(--color-error) 78%, var(--color-text));font-size:var(--text-xs)}.settings-tab{gap:1.25rem;max-width:48rem;display:grid}.settings-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);gap:1rem;padding:1.5rem;display:grid}.settings-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.settings-card-head h2{font-size:var(--text-xl);margin:0 0 .25rem;font-weight:600}.settings-card-actions{justify-content:flex-end;gap:.5rem;display:flex}@media (width<=768px){.admin-access-toolbar{flex-direction:column}.my-course-card-img:not(.has-image){display:none}.admin-orders-filters,.admin-access-form{grid-template-columns:1fr}.sidebar-overlay.open{display:block}.lesson-body-grid.with-preview,.files-add-form-head,.files-add-form-detail{grid-template-columns:1fr}.video-upload-head{flex-direction:column}.files-list-item{grid-template-columns:1fr;align-items:flex-start}.files-list-actions{flex-wrap:wrap;width:100%}.editor-sidebar-actions{grid-template-columns:1fr}}.checkout-consent{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;align-items:flex-start;gap:.625rem;margin-top:1.5rem;display:flex}.checkout-consent input{width:1rem;height:1rem;accent-color:var(--color-accent);flex-shrink:0;margin-top:.15rem}.checkout-consent a{color:var(--color-accent);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.order-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.badge-bonus,.editor-outline-pill-bonus{background:var(--color-bonus-light);color:var(--color-bonus)}.editor-section-action[aria-pressed=true]{color:var(--color-bonus);background:var(--color-bonus-light)}.editor-section-action[aria-pressed=true]:hover{color:var(--color-bonus);background:color-mix(in srgb, var(--color-secondary) 16%, var(--color-surface))}.editor-outline-list,.editor-section-block{grid-template-columns:minmax(0,1fr)}@media (hover:hover){.editor-outline-item.section-item{position:relative}.editor-section-actions{background:linear-gradient(90deg, transparent, var(--color-surface-hover) 35%);pointer-events:none;padding-left:1rem;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.editor-section-block:hover .editor-section-actions,.editor-section-block:focus-within .editor-section-actions{pointer-events:auto}}.editor-outline-pill-icon{justify-content:center;width:1.25rem;height:1.25rem;padding:0}.editor-outline-pill-icon svg{width:.75rem;height:.75rem}.editor-section-block.is-bonus{box-shadow:inset 3px 0 0 var(--color-bonus-soft);border-radius:var(--radius-xs)}.lesson-toggle.is-disabled{cursor:not-allowed;opacity:.5}.lesson-meta-hint{font-size:var(--text-sm);color:var(--color-text-muted);flex-basis:100%;margin:-.25rem 0 0}.course-editor-notice{background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text);flex-wrap:wrap;align-items:center;gap:.625rem .875rem;margin-bottom:1rem;padding:.75rem .875rem;display:flex}.course-editor-notice svg{width:1rem;height:1rem;color:var(--color-warning-text);flex-shrink:0}.course-editor-notice p{flex:1;min-width:16rem}.settings-notice{border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-warning-bg);border:1px solid var(--color-warning);color:var(--color-text);align-items:flex-start;gap:.625rem;padding:.75rem .875rem;display:flex}.settings-notice svg{width:1rem;height:1rem;color:var(--color-warning-text);flex-shrink:0;margin-top:.1rem}.settings-notice.is-info{background:var(--color-surface-muted);border-color:var(--color-border)}.settings-notice.is-info svg{color:var(--color-text-muted)}.course-preview-lesson.is-bonus .course-preview-lesson-icon{color:var(--color-bonus)}.course-preview-lesson.is-bonus.is-active .course-preview-lesson-icon{color:currentColor}.course-preview-section-header .badge{margin-left:auto}.course-preview-locked.is-bonus .course-preview-locked-icon{color:var(--color-bonus);border-color:var(--color-bonus-soft)}.course-preview-locked-meta{font-size:var(--text-base);color:var(--color-text-muted);font-feature-settings:"tnum" 1}.checkout-addon-section{border-top:1px solid var(--color-border-light);margin-top:1.5rem;padding-top:1.5rem}.checkout-addon-section h2{font-size:var(--text-xl);margin-bottom:.75rem;font-weight:600}.checkout-addon{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), box-shadow .15s var(--ease);gap:.75rem;padding:1rem 1.125rem;display:grid}.checkout-addon:hover{border-color:var(--color-text-muted)}.checkout-addon:focus-within{box-shadow:0 0 0 3px var(--color-accent-soft)}.checkout-addon.is-selected{border-color:var(--color-bonus);background:var(--color-bonus-light)}.checkout-addon-head{align-items:flex-start;gap:.75rem;display:flex}.checkout-addon-head input{width:1.125rem;height:1.125rem;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0;margin-top:.125rem}.checkout-addon-text{flex:1;gap:.125rem;min-width:0;display:grid}.checkout-addon-title{font-weight:600;font-size:var(--text-md);color:var(--color-text)}.checkout-addon-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.checkout-addon-price{font-weight:700;font-size:var(--text-md);color:var(--color-bonus);white-space:nowrap;font-feature-settings:"tnum" 1}.checkout-addon-lessons{font-size:var(--text-base);color:var(--color-text-secondary);gap:.375rem;padding-left:1.875rem;display:grid}.checkout-addon-lessons li{align-items:center;gap:.5rem;display:flex}.checkout-addon-lessons svg{width:.875rem;height:.875rem;color:var(--color-text-muted);flex-shrink:0}.checkout-addon.is-selected .checkout-addon-lessons{color:var(--color-text)}.checkout-addon.is-selected .checkout-addon-lessons svg{color:var(--color-success-text)}.checkout-summary-thumb.is-bonus{background:linear-gradient(135deg, var(--color-bonus-light), var(--color-accent-light));color:var(--color-bonus);justify-content:center;align-items:center;display:flex}.checkout-summary-thumb.is-bonus svg{width:1.25rem;height:1.25rem}.checkout-summary-lessons{font-size:var(--text-sm);color:var(--color-text-secondary);gap:.25rem;margin-top:.5rem;display:grid}.checkout-summary-lessons li{align-items:center;gap:.375rem;display:flex}.checkout-summary-lessons svg{width:.75rem;height:.75rem;color:var(--color-bonus);flex-shrink:0}.checkout-total-row.is-optional,.sidebar-lesson.is-bonus-locked{color:var(--color-text-muted)}.sidebar-lesson.is-bonus-locked svg{color:var(--color-bonus)}.sidebar-lesson.is-bonus-locked:hover{color:var(--color-text-secondary)}.sidebar-lesson-pill{border-radius:var(--radius-full);background:var(--color-bonus-light);color:var(--color-bonus);font-size:var(--text-xs);flex-shrink:0;margin-left:auto;padding:.0625rem .5rem;font-weight:600;line-height:1.4}.sidebar-section-header .sidebar-lesson-pill{margin-right:.5rem}.sidebar-lesson.active .sidebar-lesson-pill{background:var(--color-surface)}.lesson-locked-poster{padding:1rem}.lesson-locked-poster-inner{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-bonus-light), var(--color-accent-light));text-align:center;place-items:center;gap:.5rem;min-height:11rem;padding:1.5rem;display:grid}.lesson-locked-poster-icon{border-radius:var(--radius-full);background:var(--color-surface);width:3rem;height:3rem;color:var(--color-bonus);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:inline-flex}.lesson-locked-poster-icon svg{width:1.25rem;height:1.25rem}.lesson-locked-poster strong{color:var(--color-text);font-weight:600;font-size:var(--text-md);display:block}.lesson-locked-poster span{font-size:var(--text-base);color:var(--color-text-secondary);display:block}.bonus-upsell{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:1rem;margin-top:.25rem;padding:1.75rem;display:grid}.bonus-upsell-icon{border-radius:var(--radius-full);background:var(--color-bonus-light);width:3rem;height:3rem;color:var(--color-bonus);justify-content:center;align-items:center;display:inline-flex}.bonus-upsell-icon svg{width:1.375rem;height:1.375rem}.bonus-upsell h2{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.2}.bonus-upsell>p{font-size:var(--text-lg);color:var(--color-text-secondary);text-wrap:pretty;line-height:1.65}.bonus-upsell-lessons{background:var(--color-surface-muted);border-radius:var(--radius-lg);font-size:var(--text-md);color:var(--color-text);gap:.5rem;padding:1rem 1.125rem;display:grid}.bonus-upsell-lessons li{align-items:center;gap:.625rem;display:flex}.bonus-upsell-lessons li.is-current{font-weight:600}.bonus-upsell-lessons svg{width:.875rem;height:.875rem;color:var(--color-bonus);flex-shrink:0}.bonus-upsell-price{flex-wrap:wrap;align-items:baseline;gap:.625rem;display:flex}.bonus-upsell-price strong{font-family:var(--font-display);font-size:var(--text-7xl);letter-spacing:-.02em;font-feature-settings:"tnum" 1;font-weight:700}.bonus-upsell-price span{font-size:var(--text-base);color:var(--color-text-muted)}.bonus-upsell-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.bonus-upsell.is-before-bonus{margin-top:2rem}.my-course-card-link{color:inherit;flex-direction:column;flex:1;display:flex}.my-course-card-addon{border-top:1px solid var(--color-border-light);background:var(--color-bonus-light);font-size:var(--text-base);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.my-course-card-addon-text{gap:.0625rem;min-width:0;display:grid}.my-course-card-addon-text strong{color:var(--color-text);font-weight:600}.my-course-card-addon-text span{font-size:var(--text-sm);color:var(--color-text-secondary);font-feature-settings:"tnum" 1}.my-course-card-addon .btn{flex-shrink:0}.my-course-card-addon.is-owned{background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:flex-start;gap:.5rem}.my-course-card-addon.is-owned svg{width:.875rem;height:.875rem;color:var(--color-success-text);flex-shrink:0}@media (width<=480px){.bonus-upsell{padding:1.25rem}.bonus-upsell-actions .btn,.course-preview-locked-actions .btn{width:100%}.my-course-card-addon{flex-wrap:wrap}.my-course-card-addon .btn{width:100%}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sale-price{font-feature-settings:"tnum" 1;flex-wrap:wrap;align-items:baseline;gap:.125rem .5rem;display:inline-flex}.sale-price-was{font-family:var(--font-body);font-size:var(--text-md);letter-spacing:0;color:var(--color-text-secondary);font-weight:500}.sale-price-was s{text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.sale-price-now{font-weight:700}.sale-pill{border-radius:var(--radius-full);background:var(--color-accent-light);color:var(--color-accent-hover);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:0;white-space:nowrap;align-self:center;align-items:center;padding:.125rem .5rem;font-weight:700;line-height:1.4;display:inline-flex}.sale-meta{font-family:var(--font-body);font-size:var(--text-base);letter-spacing:0;color:var(--color-text-secondary);font-feature-settings:"tnum" 1;flex-basis:100%;font-weight:500;line-height:1.4;display:block}.sale-price .sale-meta{margin-top:.25rem}.course-card-price.sale-price{row-gap:0;line-height:1.2}.course-card-price .sale-price-was{font-size:var(--text-base);flex-basis:100%}.purchase-price.sale-price{row-gap:.25rem}.purchase-price .sale-price-was{font-size:var(--text-lg)}.featured-course-price.sale-price{letter-spacing:-.01em}.featured-course-price .sale-price-was{font-size:var(--text-lg)}.sale-price.is-inline{vertical-align:baseline;column-gap:.375rem}.sale-price.is-inline .sale-price-was{font-size:inherit}.sale-price.is-inline .sale-price-now{color:var(--color-text)}.sale-price.is-compact{white-space:nowrap;column-gap:.375rem}.sale-price.is-compact .sale-price-was{font-size:inherit}.sale-price.is-compact .sale-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:.125rem;font-weight:400}.checkout-total-row.is-sale{color:var(--color-accent-hover);align-items:center;font-weight:600}.checkout-total-row.is-sale>span:first-child{align-items:center;gap:.375rem;display:inline-flex}.checkout-total-row.is-sale .sale-pill{font-size:var(--text-xs)}.checkout-totals .sale-meta{font-weight:400;font-size:var(--text-sm);color:var(--color-text-muted)}.course-preview-locked-meta .sale-pill{vertical-align:middle;margin-left:.125rem}.sale-fieldset{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface);gap:1rem;min-width:0;padding:1rem 1.125rem 1.125rem;display:grid}.sale-fieldset legend{font-size:var(--text-md);color:var(--color-text);margin-left:-.375rem;padding:0 .375rem;font-weight:600}.sale-fieldset .form-row{margin-top:.25rem}.sale-fieldset .field{margin-bottom:0}.sale-status{font-size:var(--text-base);color:var(--color-text-secondary);font-feature-settings:"tnum" 1;flex-wrap:wrap;align-items:center;gap:.5rem .625rem;display:flex}.sale-preview{border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:var(--text-base);color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.375rem .75rem;padding:.75rem 1rem;display:flex}.sale-preview .sale-price{font-size:var(--text-xl);color:var(--color-text)}.sale-preview .sale-price-was{font-size:var(--text-base)}.sale-fieldset-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.sale-fieldset-actions .btn-ghost{margin-left:-.75rem}input[type=datetime-local].field-input{min-height:2.5rem}@media (width<=480px){.purchase-price .sale-price-was,.featured-course-price .sale-price-was{font-size:var(--text-md)}.sale-fieldset{padding:.875rem .875rem 1rem}}.date-time-field{position:relative}.date-time-trigger{text-align:left;cursor:pointer;font-feature-settings:"tnum" 1;align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.date-time-trigger>svg{width:1rem;height:1rem;color:var(--color-text-muted);flex-shrink:0}.date-time-trigger-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.date-time-trigger.is-placeholder .date-time-trigger-text{color:var(--color-text-muted)}.date-time-trigger-chevron{transition:transform .15s var(--ease);transform:rotate(90deg)}.date-time-trigger[aria-expanded=true] .date-time-trigger-chevron{transform:rotate(-90deg)}.date-time-trigger[aria-expanded=true],.date-time-trigger:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}.date-time-trigger[aria-invalid=true]{border-color:var(--color-error)}.date-time-trigger[aria-invalid=true]:focus-visible,.date-time-trigger[aria-invalid=true][aria-expanded=true]{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-error) 15%, transparent)}.date-picker{z-index:30;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:19.5rem;box-shadow:var(--shadow-xl);transform-origin:0 0;animation:popIn .18s var(--ease-out) both;padding:.75rem;position:absolute;top:calc(100% + .375rem);left:0}.date-picker-backdrop{display:none}.date-picker-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.date-picker-title{font-size:var(--text-md);color:var(--color-text);font-feature-settings:"tnum" 1;font-weight:600}.date-picker-nav{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);transition:background .15s var(--ease), color .15s var(--ease);justify-content:center;align-items:center;display:inline-flex}.date-picker-nav svg{width:1.125rem;height:1.125rem}.date-picker-nav:hover{background:var(--color-surface-muted);color:var(--color-accent)}.date-picker-nav:disabled{opacity:.35;cursor:not-allowed;color:var(--color-text-secondary);background:0 0}.date-picker-grid{table-layout:fixed;border-collapse:collapse;width:100%}.date-picker-grid th{height:2rem;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;font-weight:500}.date-picker-grid td{text-align:center;padding:.0625rem 0}.date-picker-day{border-radius:var(--radius-full);width:2.5rem;height:2.5rem;font-size:var(--text-md);color:var(--color-text);font-feature-settings:"tnum" 1;transition:background .15s var(--ease), color .15s var(--ease);font-weight:500;position:relative}.date-picker-day:hover{background:var(--color-accent-light);color:var(--color-accent-hover)}.date-picker-day:focus-visible{outline-offset:1px}.date-picker-day.is-today{color:var(--color-accent);font-weight:700}.date-picker-day.is-today:after{content:"";background:currentColor;border-radius:50%;width:.25rem;height:.25rem;margin-left:-.125rem;position:absolute;bottom:.3125rem;left:50%}.date-picker-day.is-selected,.date-picker-day.is-selected:hover{background:var(--gradient-accent);color:var(--color-surface);box-shadow:var(--shadow-accent-sm)}.date-picker-day.is-past,.date-picker-day.is-past:hover{color:var(--color-text-muted);opacity:.55;cursor:not-allowed;background:0 0}.date-picker-day.is-past.is-today:after{display:none}.date-picker-time{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;gap:.75rem;margin-top:.625rem;padding-top:.625rem;display:flex}.date-picker-time-label{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:500}.date-picker-time-inputs{color:var(--color-text-secondary);align-items:center;gap:.375rem;font-weight:600;display:flex}.date-picker-time-inputs select.field-input{font-feature-settings:"tnum" 1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a08bb4' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:.875rem;width:auto;min-height:2.5rem;padding:.375rem 1.75rem .375rem .75rem}.date-picker-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.625rem;display:flex}.date-picker-footer-secondary{gap:.125rem;margin-left:-.5rem;display:flex}.date-picker-footer .btn-sm{min-height:2.5rem}@media (width<=40rem){.date-picker{width:auto;max-height:calc(100dvh - 2rem);padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform-origin:bottom;animation:fadeInUp .2s var(--ease-out) both;z-index:111;border-bottom:0;position:fixed;inset:auto 0 0;overflow-y:auto}.date-picker-backdrop{z-index:110;background:color-mix(in srgb, var(--color-text) 35%, transparent);animation:fadeIn .2s var(--ease-out) both;display:block;position:fixed;inset:0}.date-picker-grid td{padding:.125rem 0}.date-picker-day{width:2.75rem;height:2.75rem}}.about-hero{padding-bottom:0}.about-portrait{aspect-ratio:1;place-items:center;width:min(100%,22rem);display:grid;position:relative}.about-portrait-ring,.about-portrait-halo{border-radius:var(--radius-full);position:absolute;inset:0}.about-portrait-ring{background:var(--gradient-accent-conic);animation:9s linear infinite aboutSpin}.about-portrait-halo{border:.125rem solid var(--color-accent);opacity:0;animation:aboutHalo 3.2s var(--ease-out) 1.4s infinite}.about-portrait-picture{display:contents}.about-portrait-img{z-index:1;border-radius:var(--radius-full);border:.25rem solid var(--color-surface);object-fit:cover;background:var(--color-surface-muted);width:calc(100% - .75rem);height:auto;box-shadow:var(--shadow-lg);position:relative}@keyframes aboutSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes aboutHalo{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.22)}}.about-float{z-index:2;border-radius:var(--radius-full);background:var(--color-surface);width:3rem;height:3rem;color:var(--color-accent);box-shadow:var(--shadow-md);animation:aboutFloatIn .6s var(--ease-spring) both, aboutFloat 2.8s ease-in-out infinite alternate;justify-content:center;align-items:center;display:inline-flex;position:absolute}.about-float svg{width:1.25rem;height:1.25rem}.about-float-like{animation-delay:.5s,1.1s;top:6%;right:-3%}.about-float-follow{width:3.5rem;height:3.5rem;animation-delay:.8s,1.4s;top:46%;left:-8%}.about-float-follow svg{width:1.5rem;height:1.5rem}.about-float-comment{animation-delay:1.1s,1.7s;bottom:4%;right:4%}@keyframes aboutFloatIn{0%{opacity:0;transform:translateY(.75rem)scale(.5)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes aboutFloat{0%{transform:translateY(0)}to{transform:translateY(-.5rem)}}.about-highlights{border-top:1px solid var(--color-border-light);justify-content:center;gap:clamp(.75rem,4vw,3rem);margin-top:3rem;padding:2rem 0 .5rem;list-style:none;display:flex}.about-highlight{text-align:center;width:clamp(4.75rem,20vw,8rem);transition:opacity .5s var(--ease-out), transform .7s var(--ease-spring);flex-direction:column;align-items:center;gap:.625rem;display:flex}.about-highlight:nth-child(2){transition-delay:80ms}.about-highlight:nth-child(3){transition-delay:.16s}.about-highlight:nth-child(4){transition-delay:.24s}.about-highlight-ring{aspect-ratio:1;border-radius:var(--radius-full);background:var(--gradient-accent);width:clamp(4.75rem,18vw,6.75rem);padding:.1875rem;display:block}.about-stat-value{border-radius:var(--radius-full);border:.1875rem solid var(--color-surface);background:var(--color-surface);width:100%;height:100%;font-family:var(--font-display);font-size:clamp(var(--text-xl), 2.4vw, var(--text-6xl));letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;place-items:center;font-weight:700;line-height:1;display:grid}.about-highlight-label{font-size:var(--text-md);color:var(--color-text-secondary);line-height:1.3}.about-page[data-reveal-ready] .about-highlights:not(.is-visible) .about-highlight{opacity:0;transform:scale(.6)}.about-section-title{font-family:var(--font-display);font-size:var(--font-size-section);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.1}.about-story{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:1.5rem 4rem;display:grid}.about-story-heading{position:sticky;top:5rem}.about-timeline{max-width:60ch;padding-left:2.5rem;list-style:none;position:relative}.about-timeline:before{content:"";border-radius:var(--radius-full);background:var(--gradient-accent);width:.125rem;position:absolute;top:.5rem;bottom:.5rem;left:.4375rem}.about-timeline-step{position:relative}.about-timeline-step+.about-timeline-step{margin-top:2.5rem}.about-timeline-step:before{content:"";border-radius:var(--radius-full);background:var(--gradient-accent);width:1rem;height:1rem;box-shadow:0 0 0 .25rem var(--color-accent-light);position:absolute;top:.5rem;left:-2.5rem}.about-page[data-reveal-ready] .about-timeline-step:not(.is-visible):before{background:var(--color-surface);box-shadow:inset 0 0 0 .125rem var(--color-border)}.about-timeline-step p{color:var(--color-text);font-size:var(--text-2xl);text-wrap:pretty;line-height:1.75}.about-beliefs{max-width:64rem;list-style:none}.about-belief{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:.75rem 3rem;padding:1.75rem 0;display:grid}.about-belief h3{font-family:var(--font-display);font-size:var(--font-size-feature);letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.15}.about-belief p{font-size:var(--text-2xl);color:var(--color-text-secondary);text-wrap:pretty;line-height:1.7}.about-faq{flex-direction:column;gap:1.5rem;max-width:42rem;margin-inline:auto;display:flex}.about-faq-question{cursor:pointer;justify-content:flex-end;list-style:none;display:flex}.about-faq-question::-webkit-details-marker{display:none}.about-faq-bubble{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xs) var(--radius-xl);background:var(--gradient-accent);max-width:85%;color:var(--color-surface);font-size:var(--text-xl);box-shadow:var(--shadow-accent-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);padding:.875rem 1.25rem;font-weight:600;line-height:1.4;display:inline-block}.about-faq-question:hover .about-faq-bubble{box-shadow:var(--shadow-accent-md);transform:translateY(-.0625rem)}.about-faq-question:focus-visible{outline:none}.about-faq-question:focus-visible .about-faq-bubble{outline:2px solid var(--color-accent);outline-offset:3px}.about-faq-answer{transform-origin:0 100%;max-width:85%;animation:aboutPop .3s var(--ease-out) both;align-items:flex-end;gap:.625rem;margin-top:.875rem;display:flex}.about-faq-avatar{border-radius:var(--radius-full);flex-shrink:0;width:1.75rem;height:1.75rem}.about-faq-reply{border-radius:var(--radius-xl) var(--radius-xl) var(--radius-xl) var(--radius-xs);background:var(--color-surface-muted);color:var(--color-text);font-size:var(--text-lg);text-wrap:pretty;padding:.875rem 1.25rem;line-height:1.6}.about-faq-reply a{color:var(--color-accent);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}@keyframes aboutPop{0%{opacity:0;transform:translateY(.25rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.about-page[data-reveal-ready] [data-reveal]{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(.75rem)}.about-page[data-reveal-ready] [data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.about-portrait-ring,.about-float{animation:none}.about-portrait-halo{display:none}}@media (width<=1024px){.about-story{grid-template-columns:1fr}.about-story-heading{position:static}}@media (width<=768px){.about-hero .hero-visual{order:-1;display:flex}.about-portrait{width:min(100%,13rem)}.about-float{width:2.5rem;height:2.5rem}.about-float svg{width:1rem;height:1rem}.about-float-follow{width:2.75rem;height:2.75rem}.about-float-follow svg{width:1.125rem;height:1.125rem}.about-highlights{margin-top:2rem;padding-top:1.5rem}.about-timeline{padding-left:2rem}.about-timeline-step:before{left:-2rem}.about-belief{grid-template-columns:1fr;padding:1.25rem 0}.about-faq-bubble,.about-faq-answer{max-width:92%}}