/* Compressed CSS for video-english-learning.html */
*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#667eea;--primary-dark:#764ba2;--secondary-color:#ff6b6b;--accent-color:#4CAF50;--text-primary:#333;--text-secondary:#666;--text-light:#888;--background-primary:#f8f9fa;--background-white:#ffffff;--border-color:#e9ecef;--gradient-primary:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-secondary:linear-gradient(135deg,#ff6b6b 0%,#ee5a52 100%);--gradient-success:linear-gradient(135deg,#4caf50,#45a049);--gradient-warning:linear-gradient(135deg,#ff9800,#f57c00);--gradient-danger:linear-gradient(135deg,#f44336,#d32f2f);--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--line-height-loose:1.8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:5rem;--spacing-6xl:6rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--container-max-width:1200px;--container-padding:1.25rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--background-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:80px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);line-height:var(--line-height-loose)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-medium{font-weight:var(--font-weight-medium)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.bg-white{background-color:var(--background-white)}.bg-primary{background:var(--gradient-primary)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.p-0{padding:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.transition-fast{transition:all var(--transition-fast)}.transition-normal{transition:all var(--transition-normal)}.transition-slow{transition:all var(--transition-slow)}.grid-container{display:grid;gap:var(--spacing-md);width:100%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit-sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.flex-container{display:flex;gap:var(--spacing-md)}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}@med
ia (min-width:640px){.container{padding:0 var(--spacing-xl)}.sm\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}.sm\\:flex-row{flex-direction:row}.sm\\:flex-col{flex-direction:column}.hero-title{font-size:var(--font-size-4xl);color:white!important}.hero-subtitle{font-size:var(--font-size-xl)}.feature-highlights{flex-direction:row;flex-wrap:wrap;justify-content:center}.highlight-tag{width:auto;min-width:140px}.cta-section{flex-direction:row;justify-content:center;gap:var(--spacing-lg)}.cta-btn{width:auto;min-width:180px}}@media (min-width:768px){.container{padding:0 var(--spacing-2xl)}.md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-between{justify-content:space-between}.md\\:items-center{align-items:center}.md\\:text-left{text-align:left}.md\\:text-center{text-align:center}.md\\:text-right{text-align:right}.hero{padding:var(--spacing-5xl) 0}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-xl)}.hero-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3xl)}.feature-highlights{margin-bottom:var(--spacing-4xl)}.highlight-tag{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl)}.cta-btn{font-size:var(--font-size-xl);padding:var(--spacing-xl) var(--spacing-4xl);min-height:64px;min-width:220px}}@media (min-width:1024px){.container{padding:0 var(--spacing-3xl)}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\\:grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:flex-col{flex-direction:column}.lg\\:justify-between{justify-content:space-between}.lg\\:items-center{align-items:center}.hero{padding:var(--spacing-6xl) 0}.hero-content{padding:0 var(--spacing-3xl)}.cta-btn{min-width:240px}}@media (min-width:1280px){.xl\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\\:grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:639px){.container{padding:0 var(--spacing-md)}h1{font-size:var(--font-size-3xl);line-height:1.2;letter-spacing:-0.02em}h2{font-size:var(--font-size-2xl);line-height:1.25;letter-spacing:-0.01em}h3{font-size:var(--font-size-xl);line-height:1.3}h4{font-size:var(--font-size-lg);line-height:1.35}h5,h6{font-size:var(--font-size-base);line-height:1.4}p{font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-lg)}.mobile-single-col{grid-template-columns:1fr!important}.mobile-compact{gap:var(--spacing-sm)}.mobile-stack{flex-direction:column}.hero{min-height:100vh;padding:var(--spacing-4xl) 0}.hero-content{padding:0 var(--spacing-md)}.hero-title{font-size:var(--font-size-3xl);line-height:1.2;letter-spacing:-0.02em;margin-bottom:var(--spacing-lg)}.hero-subtitle{font-size:var(--font-size-lg);line-height:1.5;margin-bottom:var(--spacing-2xl)}.feature-highlights{flex-direction:column;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl)}.highlight-tag{font-size:var(--font-size-base);line-height:1.4;padding:var(--spacing-md) var(--spacing-lg);width:100%;max-width:300px;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}.cta-buttons{flex-direction:column;align-items:center}.cta-btn{width:100%;max-width:300px;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,0.1)}.cta-btn .text{align-items:center;text-align:center}.cta-btn:focus{outline:3px solid rgba(255,255,255,0.8);outline-offset:3px}.highlight-tag:focus{outline:2px solid rgba(255,255,255,0.8);outline-offset:2px}.cta-btn:active{transform:scale(0.97);transition:transform 0.1s ease}.highlight-tag:active{transform:scale(0.98);transition:transform 0.1s ease}button,.btn,.cta-btn,.nav-btn,.highlight-tag,a[role="button"]{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;position:relative}.nav-buttons>*{margin:var(--spacing-xs)}.feature-highlights>*{margin:var(--spacing-sm) 0}.cta-section>*{margin:var(--spacing-md) 0}}@media (hover:hover) and (max-width:639px){.cta-btn:hover{transform:translateY(-2px)}.feature-card:hover{transform:translateY(-3px)}.level-card:hover{transform:translateY(-3px)}}@media (hover:none) and (max-width:639px){.cta-btn:hover,.feature-card:hover,.level-card:hover,.highlight-tag:hover{transform:none}}@supports not (display:grid){.grid-container{display:flex;flex-wrap:wrap}.grid-container>*{flex:1 1 300px;margin:var(--spacing-sm)}.grid-auto-fit{display:flex;flex-wrap:wrap}.grid-auto-fit>*{flex:1 1 280px;margin:var(--spacing-sm)}}.touch-pressed{opacity:0.8;box-shadow:var(--shadow-sm)}.ios-device{-webkit-text-size-adjust:100%}.android-device{-webkit-text-size-adjust:100%;text-size-adjust:100%}.high-dpi{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.small-screen{font-size:14px}.small-screen .hero-title{font-size:var(--font-size-2xl)!important}.small-screen .hero-subtitle{font-size:var(--font-size-base)!important}.skip-nav:focus{top:6px!important}@media (max-width:639px){.hero-title,.hero-subtitle,.feature-card h3,.feature-card p,.level-card h3,.level-card p{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.cta-btn,.nav-btn,.highlight-tag{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hero,.features-section,.cefr-section{-webkit-overflow-scrolling:touch}}@media print{.navbar,.cta-section,.nav-buttons{display:none!important}.hero{min-height:auto;padding:var(--spacing-xl) 0}.container{max-width:none;padding:0}body{font-size:12pt;line-height:1.4;color:#000;background:#fff}h1,h2,h3{page-break-after:avoid}}