.course-card{border:1px solid var(--skeleton-bg, #e5e7eb);border-radius:16px;padding:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;background-color:var(--bg-color, #ffffff);position:relative;overflow:hidden;text-decoration:none;transition:all .2s ease;min-width:0}.course-card:hover{border-color:var(--text-color, #1f2937);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;color:var(--text-color, #1f2937)}.course-card-image-wrapper{width:100%;aspect-ratio:3 / 1;position:relative;border-radius:12px;overflow:hidden;background-color:var(--skeleton-bg, #e5e7eb);flex-shrink:0}.course-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.course-card-body{flex-grow:1;padding:0 .25rem;display:flex;flex-direction:column;overflow:hidden}.course-card-title{margin:0 0 .25rem;text-transform:capitalize;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.15em;color:var(--text-color, #1f2937);font-weight:600}.course-card-description{margin:0;color:var(--text-muted, #6b7280);font-size:.85em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.course-card-language-tags{display:flex;gap:.25rem;margin-top:.6rem;overflow:hidden;white-space:nowrap}.course-card-language-tags .language-pill{flex:0 0 auto}.course-card-language-tags .language-name{overflow:visible;text-overflow:clip}.course-card-meta{display:flex;align-items:center;justify-content:space-around;font-size:.75em;padding:0 .5rem .25rem;margin-top:.2rem;flex-wrap:nowrap;gap:.1rem}.course-card-meta-item{display:flex;align-items:center;gap:.25rem;min-width:0;overflow:hidden}.course-card-meta-item-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-card-meta-icon{flex-shrink:0}.course-card-pill-no-margin{margin:0}.course-card-private-badge{position:absolute;top:0;left:0;background-color:var(--ui-accent, #eab308);color:#fff;font-size:.7em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .5rem;border-radius:999px;z-index:1;pointer-events:none}@media(max-width:600px){.course-card-description{-webkit-line-clamp:3;line-clamp:3}.course-card-image-wrapper{aspect-ratio:5 / 2}}html.landing-page-active,html.landing-page-active body,html.landing-page-active #root{scrollbar-width:thin;scrollbar-color:#9ca3af #ffffff!important;--bg-color: #ffffff !important;--text-color: #1f2937 !important;--text-muted: #6b7280 !important;--skeleton-bg: #e5e7eb !important;--link-hover-color: #e5ab8e !important;--ui-surface: #faf9f7 !important;--ui-surface-elevated: #ffffff !important;--ui-border: #e5e7eb !important;--ui-border-soft: #f3f4f6 !important;--ui-accent: #fabea0 !important;--ui-accent-hover: #e5ab8e !important;--ui-accent-soft: #f9ece0 !important;--ui-text-strong: #1f2937 !important;--ui-text: #374151 !important;--ui-text-muted: #6b7280 !important;--ui-text-subtle: #9ca3af !important;background-color:#fff!important;color:#1f2937!important;color-scheme:light!important;scroll-behavior:smooth}html.landing-page-active *,html.landing-page-active body *,html.landing-page-active #root *{scrollbar-width:thin;scrollbar-color:#9ca3af #ffffff!important}html.landing-page-active::-webkit-scrollbar-thumb,html.landing-page-active body::-webkit-scrollbar-thumb,html.landing-page-active #root::-webkit-scrollbar-thumb,html.landing-page-active *::-webkit-scrollbar-thumb{background-color:#9ca3af!important;border-radius:999px;border:2px solid transparent;background-clip:content-box}html.landing-page-active::-webkit-scrollbar-track,html.landing-page-active body::-webkit-scrollbar-track,html.landing-page-active #root::-webkit-scrollbar-track,html.landing-page-active *::-webkit-scrollbar-track{background:#fff!important}.landing-page{--landing-bg: #ffffff;--landing-surface: var(--ui-surface, #faf9f7);--landing-surface-elevated: var(--ui-surface-elevated, #ffffff);--landing-border: var(--ui-border, #e5e7eb);--landing-border-soft: var(--ui-border-soft, #f3f4f6);--landing-accent: #fabea0;--landing-accent-hover: #e5ab8e;--landing-accent-soft: #f9ece0;--landing-accent-strong: #7a4b34;--landing-accent-red: #fabea0;--landing-accent-green: #b9dcbe;--landing-accent-yellow: #f9e4ad;--landing-text-strong: var(--ui-text-strong, #1f2937);--landing-text: var(--ui-text, #374151);--landing-text-muted: var(--ui-text-muted, #6b7280);--landing-link: #4b5563;--landing-link-hover: var(--landing-accent-hover);font-family:Elms Sans,Kosugi,sans-serif;color:var(--landing-text);background-color:var(--landing-bg);min-height:100vh;width:100%;min-width:0;display:flex;flex-direction:column;overflow-x:clip;box-sizing:border-box;font-size:1rem}.landing-page-loading{min-height:100vh}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page a:not(.course-card),.landing-page a:not(.course-card):visited{color:var(--landing-link);transition:color .2s ease;text-decoration:none}.landing-page a:not(.course-card):hover{color:var(--landing-link-hover)}.landing-header{position:sticky;top:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.5);width:100%;transition:all .2s ease}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1400px;margin:0 auto;gap:2rem;width:100%}.header-menu{display:flex;justify-content:center;align-items:center;gap:2.5rem}.header-menu a{font-weight:500}.logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.logo-img{width:28px;height:28px;object-fit:contain}.logo-text{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-weight:500;font-size:1.2rem;color:var(--landing-text-strong)}.header-right{display:flex;align-items:center;gap:1.5rem}.ui-language-selector{display:flex;align-items:center;gap:.5rem;background:var(--landing-surface);border:1px solid var(--landing-border);padding:.4rem .75rem;border-radius:999px;color:var(--landing-text);transition:all .2s ease}.ui-language-selector:hover{border-color:var(--ui-text-subtle)}.ui-language-selector svg{color:var(--landing-text-muted)}.ui-language-selector select{background:transparent;border:none;font-size:.9rem;font-family:inherit;color:inherit;cursor:pointer;outline:none;padding-right:.25rem}.nav-btn{background-color:var(--landing-accent);color:var(--landing-accent-strong);border:none;padding:.5rem 1.25rem;border-radius:999px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.nav-btn:hover{background-color:var(--landing-accent-hover);color:var(--landing-accent-strong)!important;transform:translateY(-1px)}.section-title{font-size:2.5rem;color:var(--landing-text-strong);margin-bottom:1rem;font-weight:500;letter-spacing:-.02em}.section-subtitle{font-size:1.2rem;color:var(--landing-text-muted);max-width:800px;margin:0 auto 3rem;line-height:1.5}.section-subtitle.left-align{margin-left:0;margin-bottom:0}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;max-width:1000px;margin:0 auto}.hero-content{margin-bottom:4rem}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background-color:var(--landing-accent-yellow);color:var(--landing-text-strong);border-radius:999px;font-weight:500;margin-bottom:2rem;letter-spacing:.05em;border:1px solid rgba(249,228,173,.6)}.hero-title{font-size:4.5rem;line-height:1.1;margin-bottom:2rem;color:var(--landing-text-strong);font-weight:500;letter-spacing:-.04em}.hero-subtitle{font-size:1.35rem;color:var(--landing-text-muted);max-width:700px;margin:0 auto 2rem;line-height:1.6}.hero-url-form{display:none;max-width:700px;width:100%;margin:0 auto 4rem}.url-input-wrapper{display:flex;align-items:center;position:relative;background:#fff;border-radius:999px;padding:.5rem .5rem .5rem 1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #0000000d;border:1px solid var(--landing-border);transition:box-shadow .2s ease,border-color .2s ease}.url-input-wrapper:focus-within{border-color:var(--landing-accent);box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #fabea026}.url-icon{color:var(--landing-text-muted);margin-right:.75rem}.url-input{flex:1;border:none;background:transparent;color:var(--landing-text-strong);outline:none;font-family:inherit}.url-input::placeholder{color:var(--landing-text-muted)}.url-submit-btn{background-color:var(--landing-accent);color:var(--landing-accent-strong);border:none;padding:.75rem 1.5rem;border-radius:999px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.url-submit-btn:hover{background-color:var(--landing-accent-hover);color:var(--landing-accent-strong)!important;transform:translateY(-1px)}.url-hint{margin-top:1rem;color:var(--landing-text-muted)}.text-link{background:none;border:none;padding:0;color:var(--landing-link);text-decoration:underline;cursor:pointer;font-family:inherit;font-size:inherit;transition:color .2s ease}.text-link:hover{color:var(--landing-link-hover)}.hero-image-container{width:100%;margin:0 auto}.app-mockup-wrapper{position:relative;border-radius:16px;background:var(--landing-surface-elevated);border:1px solid rgba(0,0,0,.05);box-shadow:0 25px 50px -12px #00000026;overflow:hidden}.mockup-ui{position:absolute;top:0;left:0;right:0;height:40px;background:#ffffffe6;backdrop-filter:blur(8px);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center;padding:0 1rem}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%}.mockup-dots span:nth-child(1){background:var(--landing-accent-red)}.mockup-dots span:nth-child(2){background:var(--landing-accent-yellow)}.mockup-dots span:nth-child(3){background:var(--landing-accent-green)}.app-mockup{width:100%;height:auto;display:block}.mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,#fabea026,#fff0 70%);z-index:-1;pointer-events:none}.steps-section{padding:4rem 2rem;background-color:var(--landing-surface);text-align:center}.steps-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:1400px;margin:0 auto}.step-card{flex:1;background:var(--landing-surface-elevated);border-radius:16px;border:1px solid var(--landing-border-soft);position:relative;text-align:center;box-shadow:0 4px 6px -1px #0000000d;transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column}.step-card:hover{transform:translateY(-5px)}.step-image{width:100%;height:200px;overflow:hidden;border-bottom:1px solid var(--landing-border-soft)}.step-image img{width:100%;height:100%;object-fit:cover;display:block}.step-card-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.step-card h3{font-size:1.3rem;color:var(--landing-text-strong);margin-bottom:.75rem}.step-card p{color:var(--landing-text-muted);line-height:1.5;margin:0}.step-arrow{color:var(--landing-border);display:flex;align-items:center;justify-content:center}.marquee-section{padding:5rem 0;overflow:hidden;background:var(--landing-bg);border-bottom:1px solid var(--landing-border-soft)}.marquee-title{text-align:center;font-size:1.1rem;color:var(--landing-text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:500;margin-bottom:2rem}.marquee-container{width:100%;overflow:hidden;position:relative;white-space:nowrap}.marquee-container:before,.marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2}.marquee-container:before{left:0;background:linear-gradient(to right,var(--landing-bg),transparent)}.marquee-container:after{right:0;background:linear-gradient(to left,var(--landing-bg),transparent)}.marquee-content{display:inline-block;animation:marquee 20s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--landing-surface);border:1px solid var(--landing-border-soft);border-radius:999px;margin-right:1.5rem;transition:transform .2s ease,background-color .2s ease,color .2s ease;color:var(--landing-text-strong);text-decoration:none}.marquee-item:hover{transform:translateY(-2px);background:var(--landing-surface-elevated);box-shadow:0 4px 6px -1px #0000000d;color:var(--landing-link-hover)}.marquee-flag{font-size:1.25rem;padding-bottom:4px}.marquee-text{font-weight:500;color:inherit}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-33.33%,0,0)}}.popular-courses-section{padding:4rem 2rem;background-color:var(--landing-bg);max-width:1400px;margin:0 auto;width:100%}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.view-all-btn{background:none;border:none;color:var(--landing-link);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:color .2s ease;text-decoration:none}.view-all-btn:hover{color:var(--landing-link-hover)}.popular-courses-grid,.empty-courses{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.skeleton-card{height:250px;background:var(--skeleton-bg);border-radius:16px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.faq-section{padding:4rem 2rem;background-color:var(--landing-surface)}.faq-wrapper{max-width:1000px;margin:0 auto}.faq-header{text-align:center;margin-bottom:3rem}.faq-container{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--landing-surface-elevated);border:1px solid var(--landing-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover{border-color:var(--landing-text-strong)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.faq-question h3{font-size:1.1rem;font-weight:500;color:var(--landing-text-strong);margin:0}.faq-icon{color:var(--landing-text-muted);transition:transform .3s ease}.faq-item.open .faq-icon{color:var(--landing-accent-strong)}.faq-item.open{border-color:var(--landing-accent-soft);box-shadow:0 4px 6px -1px #0000000d}.faq-answer-wrapper{display:grid;transition:grid-template-rows .3s ease}.faq-answer-inner{overflow:hidden}.faq-answer-inner p{padding:0 1.5rem 1.5rem;color:var(--landing-text-muted);line-height:1.6;margin:0}.final-cta-section{padding:2rem 2rem 6rem;background:var(--landing-surface)}.cta-card{background:var(--landing-surface-elevated);border-radius:24px;padding:4rem 2rem;text-align:center;max-width:700px;margin:0 auto;color:var(--landing-text-strong);box-shadow:0 10px 25px -5px #0000000d;border:1px solid var(--landing-border)}.cta-card h2{font-size:2.5rem;margin-bottom:1rem;font-weight:500}.cta-card p{font-size:1.2rem;color:var(--landing-text);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.huge-btn{background-color:var(--landing-accent);color:var(--landing-accent-strong);padding:1rem 2.5rem;font-size:1.1rem;border-radius:999px;border:none;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.huge-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #fabea080;background-color:var(--landing-accent-hover);color:var(--landing-accent-strong)!important}.landing-footer{background-color:var(--landing-bg);padding:2rem 1rem;border-top:1px solid var(--landing-border-soft);margin-top:auto}.footer-content{max-width:1400px;margin:0 auto;gap:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--landing-text-muted)}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--landing-text-muted)}.footer-links a:hover{color:var(--landing-text-strong)}.footer-copyright a{text-decoration:underline}.content-section-landing{display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:4rem 2rem;max-width:1400px;margin:0 auto}.content-section-landing.alternate{flex-direction:row}.content-image-container{flex:1}.secondary-illustration,.tertiary-illustration{width:100%;height:auto;border-radius:24px;background-color:transparent;box-shadow:0 10px 15px -3px #0000000d}.content-text{flex:1;text-align:left}.section-description{font-size:1.1rem;color:var(--landing-text-muted);line-height:1.6;margin-bottom:2rem}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--landing-text);margin-bottom:1rem}.list-icon{color:var(--landing-accent-red)}.source-badges{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.source-badge{padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:500;display:inline-block;border:1px solid var(--landing-border)}.source-badge.youtube{background:var(--landing-accent-red);color:var(--landing-text-strong);border-color:transparent}.source-badge.blog{background:var(--landing-surface);color:var(--landing-text-strong)}.source-badge.text{background:var(--landing-accent-yellow);color:var(--landing-text-strong);border-color:transparent}@media(max-width:1024px){.hero-title{font-size:3.5rem}}@media(max-width:840px){.landing-nav{padding:.75rem 1rem;gap:.5rem}.header-menu{display:none}.logo-text{font-size:1.1rem;letter-spacing:.05em}.hero-section{padding:3rem 1rem}.hero-title{font-size:2.75rem;margin-bottom:1.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2.5rem}.hero-image-container{max-width:100%}.section-title{font-size:2rem}.section-subtitle{font-size:1.1rem;margin-bottom:2rem}.steps-section{padding:3rem 1rem}.steps-container{flex-direction:column;gap:2rem}.step-arrow{transform:rotate(90deg)}.step-card{padding:1.5rem 1rem}.content-section-landing,.content-section-landing.alternate{flex-direction:column;gap:3rem;padding:3rem 1rem;text-align:center}.content-text{text-align:center}.section-title.left-align{text-align:center;margin-left:auto;margin-right:auto}.benefits-list{display:inline-block;text-align:left}.source-badges{justify-content:center}.marquee-item{padding:.6rem 1.25rem;font-size:.9rem}.popular-courses-section{padding:3rem 1rem}.section-header-row{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.view-all-btn{width:100%;max-width:20rem;justify-content:center;padding:.75rem;background:var(--landing-surface);border-radius:12px}.faq-question{padding:1rem}.url-input-wrapper{flex-direction:column;padding:.5rem;border-radius:16px;background:var(--landing-surface);gap:.5rem}.url-icon{display:none}.url-input{width:100%;text-align:center;padding:.75rem .5rem}.url-submit-btn{width:100%;justify-content:center;padding:1rem}.faq-section{padding:3rem 1rem}.faq-answer-inner p{padding:0 1rem 1rem}.final-cta-section{padding:3rem 1.5rem 5rem}.cta-card{padding:3rem 1.5rem}.cta-card h2{font-size:1.75rem}.huge-btn{width:100%;max-width:20rem;justify-content:center;padding:1rem 2rem}.landing-footer{padding:3rem 1.5rem}.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem}}@media(max-width:600px){.empty-courses,.popular-courses-grid{grid-template-columns:1fr}.nav-btn{display:none}.hero-title{font-size:2.25rem}.section-title{font-size:1.75rem}.step-card h3{font-size:1.1rem}.marquee-title{font-size:.9rem}.source-badge{padding:.4rem .8rem;font-size:.8rem}}:root{--bg-color: #ffffff;--text-color: #000000;--link-hover-color: #000000;--keyword-bg: rgba(255, 255, 0, .4);--keyword-bg-hover: rgba(255, 255, 0, .8);--text-muted: #888888;--select-arrow: "%23000000";--error-color: #cc0000;--skeleton-bg: #e0e0e0;--ui-surface: #faf9f7;--ui-surface-elevated: #ffffff;--ui-border: #e5e7eb;--ui-border-soft: #f3f4f6;--ui-accent: #fabea0;--ui-accent-hover: #e5ab8e;--ui-accent-soft: #f9ece0;--ui-text-strong: #1f2937;--ui-text: #374151;--ui-text-muted: #6b7280;--ui-text-subtle: #9ca3af;--color-success: #10b981;--color-success-hover: #059669;--color-error-text: #ef4444;--color-error-hover: #dc2626;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--text-color-hover: #000000;--font-mono: "IBM Plex Mono", monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:Elms Sans,Kosugi,sans-serif;font-size:1rem;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--text-color)}button{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.language-pill{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1.25rem;border-radius:999px;background-color:var(--ui-surface);border:1px solid var(--ui-accent-soft);transition:all .2s ease;cursor:pointer;text-decoration:none;min-width:0}.language-pill:hover{transform:translateY(-2px);background-color:var(--ui-surface-elevated);border-color:var(--ui-accent);box-shadow:0 4px 6px -1px #fabea033}.language-pill.small{gap:.4rem;padding:0 .6rem;cursor:default}.language-pill.small:hover{transform:none;background-color:var(--ui-surface);border-color:var(--ui-accent-soft);box-shadow:none}.language-flag{font-size:1.4rem;display:flex;align-items:center;justify-content:center;transform:translateY(-.12em)}.language-pill.small .language-flag{font-size:1.1rem;transform:translateY(-.09em)}.language-name{font-weight:500;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-pill.small .language-name{font-size:.75rem}