@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--blue-900:#0a1628;--blue-800:#0d1f3c;--blue-700:#102a50;--blue-600:#1a3a6b;--blue-500:#1e4d8c;--blue-400:#2563b0;--blue-300:#3b82d4;--blue-200:#93c5fd;--blue-100:#dbeafe;--blue-50:#eff6ff;--red-600:#c0001a;--red-500:#dc002a;--red-400:#ef2040;--red-100:#ffe4e8;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#050c18;--gold:#f59e0b;--primary:var(--blue-500);--primary-dark:var(--blue-700);--primary-light:var(--blue-300);--accent:var(--red-500);--accent-hover:var(--red-600);--text-primary:var(--gray-900);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--bg-page:var(--white);--bg-subtle:var(--gray-50);--border:var(--gray-200);--font-base:"Inter", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 16px 48px #0000001a, 0 4px 16px #0000000f;--shadow-xl:0 32px 64px #0000001f, 0 8px 32px #00000014;--shadow-blue:0 8px 32px #1e4d8c33;--shadow-red:0 8px 24px #c0001a40;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--container-max:1200px;--container-pad:clamp(16px, 5vw, 80px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-base);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,svg,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font-family:inherit}.display-xl{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.display-lg{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.display-md{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;line-height:1.2}.h1{font-size:2rem;font-weight:700;line-height:1.2}.h2{font-size:1.5rem;font-weight:600;line-height:1.3}.h3{font-size:1.25rem;font-weight:600;line-height:1.4}.body-lg{font-size:1.125rem;line-height:1.7}.body-md{font-size:1rem;line-height:1.6}.body-sm{font-size:.875rem;line-height:1.5}.caption{color:var(--text-muted);font-size:.75rem;line-height:1.4}.text-gradient{background:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-400) 50%, var(--red-500) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-pad);margin:0 auto}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-16) 0}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.grid-2{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;padding:12px 28px;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:before{background:#ffffff1f}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--blue-600) 0%, var(--blue-400) 100%);color:var(--white);box-shadow:var(--shadow-blue)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px #1e4d8c59}.btn-accent{background:linear-gradient(135deg, var(--red-600) 0%, var(--red-400) 100%);color:var(--white);box-shadow:var(--shadow-red)}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 12px 40px #c0001a59}.btn-outline{color:var(--blue-500);border:2px solid var(--blue-200);background:0 0}.btn-outline:hover{border-color:var(--blue-400);background:var(--blue-50)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-white:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-icon{border-radius:var(--radius-md);padding:12px}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-p{padding:var(--space-8)}.card-glass{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);background:#ffffffd9;border:1px solid #fff9}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-16)}.section-label{align-items:center;gap:var(--space-2);color:var(--blue-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);font-size:.8125rem;font-weight:700;display:inline-flex}.section-label:before,.section-label:after{content:"";background:var(--blue-300);border-radius:2px;width:24px;height:2px}.section-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--gray-900);margin-bottom:var(--space-4);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.15}.section-desc{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.divider{background:var(--border);width:100%;height:1px;margin:var(--space-8) 0}.divider-gradient{background:linear-gradient(90deg, transparent, var(--blue-200), transparent);height:1px}.input{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--white);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:.9375rem}.input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #1e4d8c1f}.input::placeholder{color:var(--text-muted)}.label{color:var(--gray-700);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #1e4d8c66}70%{transform:scale(1);box-shadow:0 0 0 12px #1e4d8c00}to{transform:scale(.95);box-shadow:0 0 #1e4d8c00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-fade-in-up{animation:.6s forwards fadeInUp}.animate-fade-in{animation:.5s forwards fadeIn}.animate-float{animation:4s ease-in-out infinite float}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.2s}.stagger-children>:nth-child(4){animation-delay:.3s}.stagger-children>:nth-child(5){animation-delay:.4s}.stagger-children>:nth-child(6){animation-delay:.5s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.text-center{text-align:center}.text-left{text-align:left}.text-white{color:var(--white)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-blue{color:var(--blue-500)}.text-red{color:var(--red-500)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.w-full{width:100%}.relative{position:relative}.hidden{display:none}@media (width<=768px){.hide-mobile{display:none}}@media (width>=769px){.hide-desktop{display:none}}:root{--gold:#f59e0b;--red-600:#c0001a;--red-700:#991b1b}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-red{background:var(--red-100);color:var(--red-600)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-green{color:#166534;background:#dcfce7}.badge-gold{color:#92400e;background:#fef3c7}.btn-sm{padding:6px 14px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-ghost{color:var(--text-secondary);box-shadow:none;background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--gray-100);color:var(--text-primary)}.btn-white{background:var(--white);color:var(--blue-700);box-shadow:var(--shadow-md)}.btn-white:hover{background:var(--blue-50)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-6{padding:var(--space-6)}.text-gold{color:var(--gold)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--transition-base);background:#fffffff2;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:var(--shadow-md)}.navbar-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.navbar-logo{font-family:var(--font-display);color:var(--blue-700);align-items:center;gap:10px;font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.navbar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:#fff;width:40px;height:40px;box-shadow:var(--shadow-blue);justify-content:center;align-items:center;font-size:1.25rem;font-weight:900;display:flex}.navbar-logo span{color:var(--red-500)}.navbar-links{align-items:center;gap:var(--space-8);display:flex}.navbar-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9375rem;font-weight:500;position:relative}.navbar-links a:after{content:"";background:var(--blue-400);transform-origin:50%;height:2px;transition:transform var(--transition-fast);border-radius:1px;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.navbar-links a:hover{color:var(--blue-600)}.navbar-links a:hover:after{transform:scaleX(1)}.navbar-actions{align-items:center;gap:var(--space-3);display:flex}.navbar-menu-btn{border-radius:var(--radius-sm);color:var(--text-secondary);padding:8px;display:none}@media (width<=900px){.navbar-links{display:none}.navbar-menu-btn{align-items:center;display:flex}}.mobile-nav{background:var(--white);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:999;padding:var(--space-6) var(--container-pad);gap:var(--space-4);opacity:0;transition:all var(--transition-base);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:72px;left:0;right:0;transform:translateY(-100%)}.mobile-nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.mobile-nav a{color:var(--text-primary);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);transition:color var(--transition-fast);font-size:1rem;font-weight:500}.mobile-nav a:hover{color:var(--blue-500)}.mobile-nav-actions{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.hero{background:var(--white);align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(ellipse 80% 60% at 70% 40%, #1e4d8c0f 0%, transparent 70%), radial-gradient(ellipse 50% 40% at 20% 80%, #c0001a0a 0%, transparent 70%), linear-gradient(180deg, var(--blue-50) 0%, var(--white) 60%);position:absolute;inset:0}.hero-dots{z-index:0;background-image:radial-gradient(circle, var(--blue-200) 1px, transparent 1px);opacity:.4;background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000,#0000);mask-image:radial-gradient(80% 80%,#000,#0000)}.hero-inner{z-index:1;gap:var(--space-16);padding:var(--space-20) 0;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.hero-badge{align-items:center;gap:var(--space-2);background:var(--blue-50);border:1px solid var(--blue-200);color:var(--blue-600);border-radius:var(--radius-full);margin-bottom:var(--space-6);padding:6px 16px;font-size:.8125rem;font-weight:600;animation:.5s forwards fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--blue-400);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--gray-900);margin-bottom:var(--space-6);font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:900;line-height:1.05;animation:.6s .1s both fadeInUp}.hero-title .accent{color:var(--red-500)}.hero-title .primary{color:var(--blue-600)}.hero-desc{color:var(--text-secondary);margin-bottom:var(--space-8);max-width:520px;font-size:1.125rem;line-height:1.75;animation:.6s .2s both fadeInUp}.hero-actions{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;animation:.6s .3s both fadeInUp;display:flex}.hero-trust{align-items:center;gap:var(--space-6);animation:.6s .4s both fadeInUp;display:flex}.hero-trust-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;font-weight:500;display:flex}.hero-trust-icon{color:var(--gold);font-size:1.1rem}.hero-visual{justify-content:center;align-items:center;animation:.8s .3s both fadeIn;display:flex;position:relative}.hero-card-main{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);border:1px solid var(--border);z-index:2;width:100%;max-width:400px;position:relative}.hero-card-top{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.hero-word-pt{font-family:var(--font-display);color:var(--blue-700);letter-spacing:-.02em;font-size:2rem;font-weight:800}.hero-word-flag{font-size:2rem}.hero-word-en{color:var(--text-secondary);margin-bottom:4px;font-size:1rem}.hero-word-vi{color:var(--red-500);margin-bottom:var(--space-6);font-size:1.125rem;font-weight:600}.hero-progress-label{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.8125rem;font-weight:600;display:flex}.hero-progress-bar{background:var(--gray-100);border-radius:var(--radius-full);height:8px;overflow:hidden}.hero-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--blue-500), var(--blue-300));height:100%;animation:2s 1s both progressFill}@keyframes progressFill{0%{width:0%}to{width:72%}}.hero-card-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.hero-audio-btn{border-radius:var(--radius-md);background:var(--blue-50);color:var(--blue-600);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.875rem;font-weight:600;display:flex}.hero-audio-btn:hover{background:var(--blue-100)}.hero-next-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:var(--white);transition:all var(--transition-fast);flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:.875rem;font-weight:600;display:flex}.hero-next-btn:hover{opacity:.9}.hero-float-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4) var(--space-5);border:1px solid var(--border);white-space:nowrap;position:absolute}.hero-float-1{animation:4s ease-in-out infinite float;top:-20px;right:-30px}.hero-float-2{animation:4.5s ease-in-out .5s infinite float;bottom:10px;left:-40px}.hero-float-content{align-items:center;gap:var(--space-3);display:flex}.hero-float-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.hero-float-icon.blue{background:var(--blue-50)}.hero-float-icon.red{background:var(--red-100)}.hero-float-label{color:var(--text-muted);font-size:.75rem;font-weight:500}.hero-float-value{color:var(--gray-900);font-size:1rem;font-weight:700}@media (width<=900px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-trust{flex-wrap:wrap;justify-content:center}.hero-visual{margin-top:var(--space-8)}.hero-float-1,.hero-float-2{display:none}}.stats-band{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-600) 100%);padding:var(--space-12) 0;position:relative;overflow:hidden}.stats-band:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.stats-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.stat-item{text-align:center}.stat-value{font-family:var(--font-display);color:var(--white);letter-spacing:-.03em;margin-bottom:var(--space-2);font-size:2.5rem;font-weight:900;line-height:1}.stat-value span{color:var(--gold)}.stat-label{color:#ffffffbf;font-size:.9rem;font-weight:500}.stat-divider{background:#ffffff26;width:1px;display:none}@media (width<=768px){.stats-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}.features{background:var(--bg-subtle)}.features-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border);transition:all var(--transition-base);position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--blue-500), var(--blue-300));transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--blue-200);transform:translateY(-3px)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:var(--radius-md);width:56px;height:56px;margin-bottom:var(--space-6);background:var(--blue-50);transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.75rem;display:flex}.feature-card:hover .feature-icon{background:var(--blue-100);transform:scale(1.1)}.feature-icon.red{background:var(--red-100)}.feature-icon.gold{background:#fef3c7}.feature-card:hover .feature-icon.red{background:#fecdd3}.feature-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-3);font-size:1.125rem;font-weight:700}.feature-desc{color:var(--text-secondary);font-size:.9375rem;line-height:1.65}.feature-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.feature-tag{border-radius:var(--radius-full);background:var(--blue-50);color:var(--blue-600);padding:3px 10px;font-size:.75rem;font-weight:600}@media (width<=1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.features-grid{grid-template-columns:1fr}}.how-it-works{background:var(--white)}.steps-grid{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--blue-200), var(--blue-100));z-index:0;height:2px;position:absolute;top:28px;left:calc(12.5% + 28px);right:calc(12.5% + 28px)}.step-item{text-align:center;z-index:1;position:relative}.step-number{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));width:56px;height:56px;color:var(--white);margin:0 auto var(--space-5);box-shadow:var(--shadow-blue);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.step-title{color:var(--gray-900);margin-bottom:var(--space-2);font-size:1rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (width<=768px){.steps-grid{gap:var(--space-8);grid-template-columns:1fr}.steps-grid:before{display:none}}.path-showcase{background:var(--blue-900);color:var(--white);padding:var(--space-20) 0}.path-inner{gap:var(--space-16);grid-template-columns:1fr 1fr;align-items:center;display:grid}.path-label{color:var(--blue-200);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);font-size:.8125rem;font-weight:700}.path-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--space-5);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;line-height:1.15}.path-desc{color:#ffffffb3;margin-bottom:var(--space-8);font-size:1rem;line-height:1.75}.path-features{gap:var(--space-4);flex-direction:column;display:flex}.path-feature{align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;display:flex}.path-feature-icon{border-radius:var(--radius-sm);background:#3b82d440;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.path-feature-text h4{color:var(--white);margin-bottom:4px;font-size:.9375rem;font-weight:700}.path-feature-text p{color:#fff9;font-size:.875rem}.path-visual{position:relative}.path-card{border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f}.path-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.path-card-title{color:var(--white);font-size:.9375rem;font-weight:700}.path-level{border-radius:var(--radius-full);color:var(--gold);background:#f59e0b33;padding:4px 12px;font-size:.8125rem;font-weight:700}.path-milestones{gap:var(--space-3);flex-direction:column;display:flex}.path-milestone{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff0d;display:flex}.path-milestone.done{background:#1e4d8c66}.path-milestone.active{background:#1e4d8c99;border:1px solid #3b82d466}.milestone-dot{background:#fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px}.path-milestone.done .milestone-dot{background:var(--blue-300)}.path-milestone.active .milestone-dot{background:var(--gold);box-shadow:0 0 8px #f59e0b99}.milestone-text{color:#ffffffb3;font-size:.875rem}.path-milestone.done .milestone-text{color:var(--white)}.path-milestone.active .milestone-text{color:var(--white);font-weight:600}.milestone-check{margin-left:auto;font-size:.875rem}@media (width<=900px){.path-inner{grid-template-columns:1fr}}.visa-section{background:var(--bg-subtle)}.visa-cards{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.visa-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border);transition:all var(--transition-base)}.visa-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.visa-card-icon{border-radius:var(--radius-md);width:64px;height:64px;margin-bottom:var(--space-5);justify-content:center;align-items:center;font-size:2rem;display:flex}.visa-card-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-3);font-size:1.125rem;font-weight:700}.visa-card-desc{color:var(--text-secondary);margin-bottom:var(--space-5);font-size:.9375rem;line-height:1.65}.visa-features{gap:var(--space-2);flex-direction:column;display:flex}.visa-feature{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.875rem;display:flex}.visa-feature:before{content:"✓";color:var(--blue-500);font-weight:700}@media (width<=900px){.visa-cards{grid-template-columns:1fr}}.pricing{background:var(--white)}.pricing-toggle{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-12);display:flex}.toggle-label{color:var(--text-secondary);font-size:.9375rem;font-weight:500}.toggle-switch{background:var(--gray-200);cursor:pointer;width:52px;height:28px;transition:background var(--transition-base);border-radius:14px;position:relative}.toggle-switch.active{background:var(--blue-500)}.toggle-knob{background:var(--white);width:22px;height:22px;box-shadow:var(--shadow-sm);transition:transform var(--transition-base);border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch.active .toggle-knob{transform:translate(24px)}.toggle-save{background:linear-gradient(135deg, var(--red-500), var(--red-400));color:var(--white);border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:700}.pricing-grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.pricing-card{background:var(--white);border-radius:var(--radius-xl);border:2px solid var(--border);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.pricing-card.popular{border-color:var(--blue-500);box-shadow:0 0 0 1px var(--blue-400), var(--shadow-xl);transform:scale(1.03)}.pricing-card:hover:not(.popular){box-shadow:var(--shadow-lg);border-color:var(--blue-200)}.pricing-popular-badge{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:var(--white);border-bottom-left-radius:var(--radius-md);padding:6px 16px;font-size:.75rem;font-weight:700;position:absolute;top:0;right:0}.pricing-plan{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);font-size:.875rem;font-weight:600}.pricing-price{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.03em;margin-bottom:4px;font-size:2.5rem;font-weight:900;line-height:1}.pricing-price .currency{vertical-align:top;margin-top:6px;font-size:1.25rem;font-weight:700;display:inline-block}.pricing-period{color:var(--text-muted);margin-bottom:var(--space-6);font-size:.875rem}.pricing-desc{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9rem;line-height:1.6}.pricing-divider{background:var(--border);height:1px;margin-bottom:var(--space-6)}.pricing-features{gap:var(--space-3);margin-bottom:var(--space-8);flex-direction:column;display:flex}.pricing-feature{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:.875rem;display:flex}.pricing-feature .check{color:var(--blue-500);flex-shrink:0;margin-top:1px;font-weight:700}.pricing-feature .cross{color:var(--gray-300);flex-shrink:0}.pricing-feature.disabled{opacity:.45}@media (width<=1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:none}}@media (width<=640px){.pricing-grid{grid-template-columns:1fr}}.testimonials{background:var(--bg-subtle)}.testimonials-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.testimonial-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-8);border:1px solid var(--border);transition:all var(--transition-base)}.testimonial-card:hover{box-shadow:var(--shadow-md)}.testimonial-stars{margin-bottom:var(--space-4);gap:2px;display:flex}.testimonial-star{color:var(--gold);font-size:1rem}.testimonial-text{color:var(--text-secondary);margin-bottom:var(--space-6);font-size:.9375rem;font-style:italic;line-height:1.7}.testimonial-text:before{content:"\"";color:var(--blue-300);vertical-align:-.4em;margin-right:4px;font-size:2rem;line-height:0}.testimonial-author{align-items:center;gap:var(--space-3);display:flex}.author-avatar{background:linear-gradient(135deg, var(--blue-400), var(--blue-600));width:44px;height:44px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.author-name{color:var(--gray-900);font-size:.9375rem;font-weight:600}.author-info{color:var(--text-muted);font-size:.8125rem}@media (width<=900px){.testimonials-grid{grid-template-columns:1fr}}.faq{background:var(--white)}.faq-list{gap:var(--space-4);flex-direction:column;max-width:760px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.faq-item.open{border-color:var(--blue-200);box-shadow:var(--shadow-sm)}.faq-question{text-align:left;width:100%;padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--white);color:var(--gray-900);transition:all var(--transition-fast);font-size:1rem;font-weight:600;display:flex}.faq-question:hover{background:var(--blue-50);color:var(--blue-700)}.faq-item.open .faq-question{color:var(--blue-700);background:var(--blue-50)}.faq-icon{border:2px solid var(--gray-300);width:24px;height:24px;color:var(--gray-400);transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.faq-item.open .faq-icon{border-color:var(--blue-400);color:var(--blue-500);transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height var(--transition-slow);overflow:hidden}.faq-item.open .faq-answer{max-height:400px}.faq-answer-inner{padding:var(--space-4) var(--space-6) var(--space-6);color:var(--text-secondary);font-size:.9375rem;line-height:1.7}.cta-banner{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-600) 60%, var(--red-600) 100%);padding:var(--space-20) 0;position:relative;overflow:hidden}.cta-banner:before{content:"";pointer-events:none;background:#ffffff0a;border-radius:50%;width:600px;height:600px;position:absolute;top:-50%;right:-20%}.cta-inner{text-align:center;z-index:1;position:relative}.cta-title{font-family:var(--font-display);color:var(--white);margin-bottom:var(--space-4);font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;line-height:1.1}.cta-desc{color:#fffc;margin-bottom:var(--space-8);max-width:560px;margin-left:auto;margin-right:auto;font-size:1.125rem}.cta-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.cta-note{margin-top:var(--space-5);color:#fff9;font-size:.875rem}.footer{background:var(--gray-900);color:#ffffffb3;padding:var(--space-16) 0 var(--space-8)}.footer-grid{gap:var(--space-12);margin-bottom:var(--space-12);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-logo{margin-bottom:var(--space-4);font-family:var(--font-display);color:var(--white);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.footer-logo-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--blue-500), var(--blue-300));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:900;display:flex}.footer-desc{max-width:280px;margin-bottom:var(--space-5);font-size:.9rem;line-height:1.7}.footer-socials{gap:var(--space-3);display:flex}.footer-social{border-radius:var(--radius-sm);color:#ffffffb3;width:36px;height:36px;transition:all var(--transition-fast);background:#ffffff14;justify-content:center;align-items:center;font-size:1rem;display:flex}.footer-social:hover{background:var(--blue-600);color:var(--white);transform:translateY(-2px)}.footer-col-title{color:var(--white);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);font-size:.875rem;font-weight:700}.footer-links{gap:var(--space-3);flex-direction:column;display:flex}.footer-links a{color:#fff9;transition:color var(--transition-fast);align-items:center;gap:6px;font-size:.9rem;display:flex}.footer-links a:hover{color:var(--white)}.footer-bottom{padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.footer-copyright{font-size:.875rem}.footer-legal{gap:var(--space-6);display:flex}.footer-legal a{color:#ffffff80;transition:color var(--transition-fast);font-size:.875rem}.footer-legal a:hover{color:var(--white)}@media (width<=900px){.footer-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}@media (width<=640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}}.chat-widget-btn{z-index:1000;background:linear-gradient(135deg, var(--blue-600), var(--blue-400));cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.75rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.5s 1.5s both chatBtnAppear;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 32px #1e4d8c73}.chat-widget-btn:hover{transform:scale(1.12);box-shadow:0 12px 40px #1e4d8c8c}.chat-widget-btn.open{background:linear-gradient(135deg,#475569,#334155);transform:scale(.9)}@keyframes chatBtnAppear{0%{opacity:0;transform:scale(0)translateY(20px)}to{opacity:1;transform:scale(1)}}.chat-widget-badge{background:var(--red-500);width:22px;height:22px;color:var(--white);border:2.5px solid var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:800;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;top:-4px;right:-4px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.chat-widget-panel{z-index:999;background:var(--white);transform-origin:100% 100%;border-radius:20px;flex-direction:column;width:380px;max-height:580px;animation:.35s cubic-bezier(.34,1.56,.64,1) both chatPanelIn;display:flex;position:fixed;bottom:104px;right:28px;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000f}@keyframes chatPanelIn{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=500px){.chat-widget-panel{width:calc(100vw - 24px);max-height:calc(100vh - 100px);bottom:84px;right:12px}.chat-widget-btn{width:56px;height:56px;bottom:16px;right:16px}}.widget-header{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-500) 100%);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.widget-avatar{background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex;position:relative}.widget-online{background:#4ade80;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:1px}.widget-name{color:var(--white);font-size:1rem;font-weight:800;font-family:var(--font-display)}.widget-sub{color:#ffffffbf;margin-top:2px;font-size:.75rem}.widget-close{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:6px;font-size:1.1rem;line-height:1;transition:all .2s}.widget-close:hover{color:#fff;background:#ffffff26}.widget-suggestions{border-bottom:1px solid var(--gray-100);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:12px 16px;display:flex}.widget-suggest-btn{border-radius:var(--radius-full);border:1.5px solid var(--blue-200);background:var(--blue-50);color:var(--blue-600);cursor:pointer;white-space:nowrap;padding:5px 12px;font-size:.75rem;font-weight:600;transition:all .2s}.widget-suggest-btn:hover{background:var(--blue-100);border-color:var(--blue-400)}.widget-messages{flex-direction:column;flex:1;gap:12px;min-height:200px;max-height:300px;padding:16px;display:flex;overflow-y:auto}.widget-msg{max-width:85%}.widget-msg.bot{align-self:flex-start}.widget-msg.user{align-self:flex-end}.widget-msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:16px;padding:10px 14px;font-size:.875rem;line-height:1.6}.widget-msg.bot .widget-msg-bubble{background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:4px}.widget-msg.user .widget-msg-bubble{background:var(--blue-500);color:#fff;border-bottom-right-radius:4px}.widget-msg-time{color:var(--text-muted);margin-top:4px;padding:0 4px;font-size:.6875rem}.widget-msg.user .widget-msg-time{text-align:right}.widget-typing{background:var(--gray-100);border-radius:16px 16px 16px 4px;align-items:center;gap:4px;width:fit-content;padding:12px 14px;display:flex}.widget-typing span{background:var(--gray-400);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite aiTyping}.widget-typing span:nth-child(2){animation-delay:.2s}.widget-typing span:nth-child(3){animation-delay:.4s}.widget-input-row{border-top:1px solid var(--gray-100);flex-shrink:0;gap:8px;padding:12px;display:flex}.widget-input{border:1.5px solid var(--border);resize:none;border-radius:22px;outline:none;flex:1;max-height:80px;padding:10px 14px;font-family:inherit;font-size:.875rem;line-height:1.4;transition:border-color .2s}.widget-input:focus{border-color:var(--blue-400)}.widget-send{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .2s;display:flex}.widget-send:hover:not(:disabled){opacity:.9;transform:scale(1.1)}.widget-send:disabled{opacity:.4;cursor:default}.widget-cta{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.widget-cta a{border-radius:var(--radius-full);align-items:center;gap:4px;padding:6px 14px;font-size:.8125rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.widget-cta-primary{background:var(--blue-500);color:#fff}.widget-cta-primary:hover{background:var(--blue-600)}.widget-cta-secondary{background:var(--gray-100);color:var(--gray-700)}.widget-cta-secondary:hover{background:var(--gray-200)}.ai-page{grid-template-columns:280px 1fr;gap:0;height:calc(100vh - 64px);margin:-32px;display:grid}.ai-sidebar{background:var(--white);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.ai-sidebar-header{border-bottom:1px solid var(--border);padding:20px}.ai-sidebar-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:4px;font-size:1rem;font-weight:800}.ai-sidebar-sub{color:var(--text-muted);font-size:.8125rem}.ai-scenarios{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.ai-scenario-section{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 8px 6px;font-size:.6875rem;font-weight:700}.ai-scenario-btn{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex}.ai-scenario-btn:hover{background:var(--blue-50)}.ai-scenario-btn.active{background:var(--blue-50);border:1px solid var(--blue-200)}.ai-scenario-icon{flex-shrink:0;margin-top:1px;font-size:1.25rem}.ai-scenario-name{color:var(--gray-800);font-size:.875rem;font-weight:600}.ai-scenario-desc{color:var(--text-muted);margin-top:2px;font-size:.75rem;line-height:1.4}.ai-chat-area{background:var(--gray-50);flex-direction:column;display:flex;overflow:hidden}.ai-chat-topbar{background:var(--white);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:14px 24px;display:flex}.ai-active-avatar{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex;position:relative}.ai-active-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.ai-active-name{font-family:var(--font-display);color:var(--gray-900);font-size:1rem;font-weight:800}.ai-active-desc{color:var(--text-muted);font-size:.8125rem}.ai-topbar-actions{gap:8px;margin-left:auto;display:flex}.ai-topbar-btn{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;padding:7px 14px;font-size:.8125rem;font-weight:600;transition:all .2s}.ai-topbar-btn:hover{border-color:var(--blue-300);color:var(--blue-500);background:var(--blue-50)}.ai-messages-area{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.ai-chat-msg{gap:12px;max-width:78%;display:flex}.ai-chat-msg.user{flex-direction:row-reverse;align-self:flex-end}.ai-chat-msg.bot{align-self:flex-start}.ai-msg-avatar{background:linear-gradient(135deg, var(--blue-500), var(--blue-300));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;font-size:1.1rem;display:flex}.ai-chat-msg.user .ai-msg-avatar{background:linear-gradient(135deg, var(--gray-300), var(--gray-400))}.ai-msg-content{flex-direction:column;gap:4px;display:flex}.ai-msg-bubble{word-break:break-word;white-space:pre-wrap;border-radius:18px;padding:12px 16px;font-size:.9375rem;line-height:1.7}.ai-chat-msg.bot .ai-msg-bubble{background:var(--white);color:var(--gray-800);border-bottom-left-radius:4px;box-shadow:0 1px 3px #00000014}.ai-chat-msg.user .ai-msg-bubble{background:linear-gradient(135deg, var(--blue-600), var(--blue-500));color:#fff;border-bottom-right-radius:4px}.ai-msg-time{color:var(--text-muted);padding:0 4px;font-size:.6875rem}.ai-chat-msg.user .ai-msg-time{text-align:right}.ai-msg-actions{gap:6px;margin-top:4px;display:flex}.ai-msg-action-btn{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-muted);background:var(--white);cursor:pointer;padding:3px 10px;font-size:.6875rem;font-weight:600;transition:all .2s}.ai-msg-action-btn:hover{border-color:var(--blue-300);color:var(--blue-500)}.ai-input-area{background:var(--white);border-top:1px solid var(--border);flex-shrink:0;padding:16px 24px}.ai-quick-prompts{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ai-quick-prompt{border-radius:var(--radius-full);border:1.5px solid var(--blue-200);background:var(--blue-50);color:var(--blue-600);cursor:pointer;white-space:nowrap;padding:6px 14px;font-size:.8125rem;font-weight:600;transition:all .2s}.ai-quick-prompt:hover{background:var(--blue-100);border-color:var(--blue-400)}.ai-input-wrap{align-items:flex-end;gap:12px;display:flex}.ai-textarea{border:1.5px solid var(--border);resize:none;background:var(--gray-50);border-radius:14px;outline:none;flex:1;min-height:48px;max-height:120px;padding:12px 16px;font-family:inherit;font-size:.9375rem;line-height:1.5;transition:border-color .2s}.ai-textarea:focus{border-color:var(--blue-400);background:var(--white)}.ai-send-main{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:#fff;cursor:pointer;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:all .2s;display:flex}.ai-send-main:hover:not(:disabled){transform:scale(1.06)}.ai-send-main:disabled{opacity:.4;cursor:default}.ai-welcome-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);text-align:center;max-width:480px;box-shadow:var(--shadow-md);margin:auto;padding:32px}.ai-welcome-icon{margin-bottom:16px;font-size:3.5rem}.ai-welcome-title{font-family:var(--font-display);color:var(--gray-900);margin-bottom:8px;font-size:1.375rem;font-weight:800}.ai-welcome-sub{color:var(--text-secondary);margin-bottom:24px;font-size:.9375rem;line-height:1.6}.ai-welcome-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ai-welcome-chip{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--gray-50);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;transition:all .2s;display:flex}.ai-welcome-chip:hover{border-color:var(--blue-300);background:var(--blue-50)}.ai-welcome-chip-icon{flex-shrink:0;font-size:1.25rem}.ai-welcome-chip-text{color:var(--gray-700);font-size:.875rem;font-weight:600}@media (width<=900px){.ai-page{grid-template-columns:1fr;margin:-16px}.ai-sidebar{display:none}.ai-chat-topbar{gap:8px;padding:10px 14px}.ai-active-avatar{width:36px;height:36px;font-size:1.1rem}.ai-active-name{white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.9375rem;overflow:hidden}.ai-active-desc{display:none}.ai-topbar-actions{gap:6px}.ai-topbar-actions .badge{padding:4px 8px;font-size:.7rem}.ai-topbar-btn{padding:5px 10px;font-size:.75rem}.ai-welcome-card{max-width:100%;box-shadow:none;border:none;border-radius:0;margin:0;padding:24px 16px}.ai-welcome-icon{margin-bottom:12px;font-size:2.5rem}.ai-welcome-title{margin-bottom:6px;font-size:1.125rem}.ai-welcome-sub{margin-bottom:20px;font-size:.875rem}.ai-welcome-grid{grid-template-columns:1fr;gap:8px}.ai-welcome-chip{padding:10px 14px}.ai-messages-area{gap:14px;padding:16px 14px}.ai-chat-msg{max-width:90%}.ai-msg-avatar{width:30px;height:30px;font-size:.95rem}.ai-msg-bubble{padding:10px 14px;font-size:.875rem}.ai-input-area{padding:12px 14px}.ai-textarea{min-height:44px;padding:10px 14px;font-size:.875rem}.ai-send-main{width:44px;height:44px;font-size:1.1rem}}.auth-page{background:var(--white);align-items:stretch;min-height:100vh;display:flex}.auth-left{padding:var(--space-12) var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:520px;margin:0 auto;display:flex}.auth-logo{margin-bottom:var(--space-10);font-family:var(--font-display);color:var(--blue-700);align-self:flex-start;align-items:center;gap:10px;font-size:1.375rem;font-weight:800;text-decoration:none;display:flex}.auth-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:#fff;width:38px;height:38px;box-shadow:var(--shadow-blue);justify-content:center;align-items:center;font-size:1.2rem;font-weight:900;display:flex}.auth-logo span{color:var(--red-500)}.auth-form-wrap{width:100%;max-width:400px}.auth-title{font-family:var(--font-display);color:var(--gray-900);letter-spacing:-.025em;margin-bottom:var(--space-2);font-size:1.875rem;font-weight:800}.auth-sub{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:.9375rem}.auth-sub a{color:var(--blue-500);font-weight:600}.auth-sub a:hover{text-decoration:underline}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.input-wrap{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-icon-right{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-icon-right:hover{color:var(--text-primary)}.input.has-icon{padding-left:42px}.input.has-icon-right{padding-right:42px}.input.error{border-color:var(--red-400)}.input.error:focus{box-shadow:0 0 0 3px #c0001a1f}.field-error{color:var(--red-500);margin-top:5px;font-size:.8125rem;font-weight:500}.auth-footer{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:.875rem}.auth-footer a{color:var(--blue-500);font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-terms{color:var(--text-muted);text-align:center;font-size:.8125rem;line-height:1.6}.auth-terms a{color:var(--blue-500)}.checkbox-wrap{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.checkbox-wrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue-500);cursor:pointer;border-radius:4px;flex-shrink:0;margin-top:2px}.alert-msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:500;display:flex}.alert-error{background:var(--red-100);color:var(--red-600);border:1px solid #fecdd3}.alert-success{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.auth-right{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-600) 60%, #1a3a8a 100%);padding:var(--space-12);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-right:before{content:"";background:#ffffff0a;border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-20%}.auth-promo{z-index:1;max-width:420px;color:var(--white);position:relative}.auth-promo-title{font-family:var(--font-display);margin-bottom:var(--space-5);font-size:2rem;font-weight:800;line-height:1.2}.auth-promo-desc{color:#ffffffbf;margin-bottom:var(--space-8);font-size:1rem;line-height:1.7}.auth-promo-features{gap:var(--space-4);flex-direction:column;display:flex}.promo-feature{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffff14;border:1px solid #ffffff1f;display:flex}.promo-feature-icon{border-radius:var(--radius-sm);background:#3b82d44d;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.promo-feature-text h4{margin-bottom:2px;font-size:.9375rem;font-weight:700}.promo-feature-text p{color:#ffffffa6;font-size:.8125rem}@media (width<=900px){.auth-right{display:none}.auth-left{max-width:100%}}.app-shell{background:var(--gray-50);min-height:100vh;display:flex}.sidebar{background:var(--white);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);font-family:var(--font-display);color:var(--blue-700);align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.sidebar-header-icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--blue-600), var(--blue-400));color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:900;display:flex}.sidebar-header span{color:var(--red-500)}.sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2);font-size:.6875rem;font-weight:700}.sidebar-link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--gray-50);color:var(--text-primary)}.sidebar-link.active{background:var(--blue-50);color:var(--blue-600);font-weight:600}.sidebar-link.active:before{content:"";background:var(--blue-500);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-link-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.1rem}.sidebar-link-badge{border-radius:var(--radius-full);background:var(--red-500);color:var(--white);margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:700}.sidebar-link-new{border-radius:var(--radius-full);background:var(--blue-100);color:var(--blue-600);margin-left:auto;padding:2px 8px;font-size:.6875rem;font-weight:700}.sidebar-user{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);align-items:center;gap:var(--space-3);display:flex}.sidebar-avatar{background:linear-gradient(135deg, var(--blue-400), var(--blue-600));width:38px;height:38px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.9375rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--gray-900);font-size:.9rem;font-weight:600}.sidebar-user-plan{color:var(--text-muted);font-size:.75rem}.sidebar-logout{border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;margin-left:auto;padding:6px}.sidebar-logout:hover{background:var(--red-100);color:var(--red-500)}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 var(--space-8);z-index:100;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}.app-topbar-title{font-family:var(--font-display);color:var(--gray-900);font-size:1.125rem;font-weight:700}.app-topbar-right{align-items:center;gap:var(--space-4);display:flex}.streak-badge{border-radius:var(--radius-full);color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:700;display:flex}.xp-badge{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-full);color:var(--blue-600);align-items:center;gap:6px;padding:6px 14px;font-size:.875rem;font-weight:700;display:flex}.app-content{padding:var(--space-8);flex:1}.hide-desktop{display:none!important}@media (width<=900px){.sidebar{z-index:200;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.app-content{padding:var(--space-4)}.app-topbar{padding:0 var(--space-3);height:56px}.app-topbar-title{font-size:1rem}.hide-mobile{display:none!important}.hide-desktop{display:flex!important}}.dashboard-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.admin-stat-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(5,1fr);display:grid}@media (width<=900px){.admin-stat-grid{grid-template-columns:1fr 1fr}}.dash-stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-6);align-items:center;gap:var(--space-4);transition:all var(--transition-base);display:flex}.dash-stat-card:hover{box-shadow:var(--shadow-md)}.dash-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.dash-stat-value{font-family:var(--font-display);color:var(--gray-900);margin-bottom:4px;font-size:1.75rem;font-weight:800;line-height:1}.dash-stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.dash-stat-delta{margin-top:4px;font-size:.75rem;font-weight:600}.dash-stat-delta.up{color:#16a34a}.dash-main-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.dash-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-6)}.dash-card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.dash-card-title{font-family:var(--font-display);color:var(--gray-900);font-size:1rem;font-weight:700}.daily-item{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--gray-100);cursor:pointer;display:flex}.daily-item:last-child{border-bottom:none}.daily-item.done .daily-item-title{color:var(--text-muted);text-decoration:line-through}.daily-item-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.daily-item-title{color:var(--gray-800);font-size:.9375rem;font-weight:600}.daily-item-sub{color:var(--text-muted);font-size:.8125rem}.daily-item-xp{color:var(--blue-500);white-space:nowrap;margin-left:auto;font-size:.8125rem;font-weight:700}.daily-progress-bar{background:var(--gray-100);border-radius:var(--radius-full);height:6px;margin-top:var(--space-5);overflow:hidden}.daily-progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--blue-500), var(--blue-300));height:100%;transition:width .5s}.level-ring{width:120px;height:120px;margin:0 auto var(--space-4);background:conic-gradient(var(--blue-400) 0% 45%, var(--gray-100) 45% 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.level-ring:before{content:"";background:var(--white);border-radius:50%;position:absolute;inset:8px}.level-ring-inner{z-index:1;text-align:center;position:relative}.level-ring-value{font-family:var(--font-display);color:var(--blue-600);font-size:1.5rem;font-weight:900;line-height:1}.level-ring-label{color:var(--text-muted);font-size:.75rem;font-weight:600}.level-name{text-align:center;font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-2);font-size:1.125rem;font-weight:700}.level-next{text-align:center;color:var(--text-muted);margin-bottom:var(--space-4);font-size:.8125rem}.mini-badges{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=900px){.dashboard-grid,.dash-main-grid{grid-template-columns:1fr}}.placement-wrap{max-width:680px;margin:0 auto}.placement-intro{text-align:center;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);padding:var(--space-12);box-shadow:var(--shadow-md)}.placement-intro-icon{margin-bottom:var(--space-5);font-size:4rem}.placement-intro h2{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-4);font-size:1.75rem;font-weight:800}.placement-intro p{color:var(--text-secondary);margin-bottom:var(--space-8);font-size:1rem;line-height:1.7}.placement-meta{justify-content:center;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.placement-meta-item{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:.9rem;font-weight:500;display:flex}.quiz-card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);padding:var(--space-8);box-shadow:var(--shadow-md)}.quiz-progress{margin-bottom:var(--space-6)}.quiz-progress-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.quiz-progress-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.quiz-progress-bar{background:var(--gray-100);border-radius:var(--radius-full);height:6px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--blue-500), var(--blue-300));border-radius:var(--radius-full);height:100%;transition:width .4s}.quiz-level-tag{border-radius:var(--radius-full);margin-bottom:var(--space-4);align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.quiz-question{font-family:var(--font-display);color:var(--gray-900);margin-bottom:var(--space-6);font-size:1.25rem;font-weight:700;line-height:1.4}.quiz-options{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast);background:var(--white);color:var(--gray-800);text-align:left;width:100%;font-size:.9375rem;font-weight:500;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--blue-300);background:var(--blue-50)}.quiz-option.selected{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}.quiz-option.correct{color:#14532d;background:#dcfce7;border-color:#16a34a}.quiz-option.wrong{border-color:var(--red-400);background:var(--red-100);color:var(--red-700)}.quiz-option:disabled{cursor:default}.quiz-option-letter{border:2px solid var(--border);width:28px;height:28px;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.quiz-option.selected .quiz-option-letter{border-color:var(--blue-500);background:var(--blue-500);color:var(--white)}.quiz-option.correct .quiz-option-letter{color:var(--white);background:#16a34a;border-color:#16a34a}.quiz-option.wrong .quiz-option-letter{border-color:var(--red-400);background:var(--red-400);color:var(--white)}.quiz-feedback{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:.9375rem;font-weight:500}.quiz-feedback.correct{color:#14532d;background:#dcfce7;border:1px solid #bbf7d0}.quiz-feedback.wrong{background:var(--red-100);color:var(--red-700);border:1px solid #fecdd3}.placement-result{text-align:center;background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);padding:var(--space-12);box-shadow:var(--shadow-md)}.result-level-badge{background:linear-gradient(135deg, var(--blue-600), var(--blue-400));width:100px;height:100px;font-family:var(--font-display);color:var(--white);margin:0 auto var(--space-5);box-shadow:var(--shadow-blue);border-radius:50%;justify-content:center;align-items:center;font-size:2rem;font-weight:900;display:inline-flex}.vocab-layout{gap:var(--space-6);grid-template-columns:1fr 380px;align-items:start;display:grid}.flashcard-wrap{perspective:1000px}.flashcard{aspect-ratio:3/2;width:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-face{border-radius:var(--radius-xl);backface-visibility:hidden;border:2px solid var(--border);box-shadow:var(--shadow-xl);padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.flashcard-front{background:linear-gradient(135deg, var(--blue-800) 0%, var(--blue-600) 100%);color:var(--white)}.flashcard-back{background:var(--white);transform:rotateY(180deg)}.card-flag{margin-bottom:var(--space-4);font-size:3rem}.card-word-pt{font-family:var(--font-display);letter-spacing:-.02em;color:var(--white);text-align:center;font-size:clamp(2rem,5vw,3rem);font-weight:900}.card-ipa{color:#fff9;margin-top:var(--space-2);font-size:1rem;font-style:italic}.card-click-hint{bottom:var(--space-5);color:#ffffff80;font-size:.8125rem;position:absolute}.card-back-word{font-family:var(--font-display);color:var(--blue-600);margin-bottom:var(--space-2);font-size:1.25rem;font-weight:800}.card-trans-en{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:1.125rem}.card-trans-vi{color:var(--gray-900);margin-bottom:var(--space-6);font-size:1.5rem;font-weight:700}.card-example{color:var(--text-secondary);text-align:center;padding:var(--space-3) var(--space-5);background:var(--gray-50);border-radius:var(--radius-md);font-size:.9rem;font-style:italic}.card-example-vi{color:var(--text-muted);text-align:center;margin-top:4px;font-size:.875rem}.vocab-controls{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);display:flex}.vocab-nav-btn{border:2px solid var(--border);background:var(--white);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.vocab-nav-btn:hover:not(:disabled){border-color:var(--blue-400);color:var(--blue-500);box-shadow:var(--shadow-md)}.vocab-nav-btn:disabled{opacity:.35;cursor:default}.vocab-counter{color:var(--text-secondary);padding:0 var(--space-4);font-size:.9375rem;font-weight:600}.mastery-btns{gap:var(--space-3);margin-top:var(--space-4);display:flex}.mastery-btn{padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid;flex:1;font-size:.875rem;font-weight:700}.mastery-btn.hard{color:var(--red-600);background:#fff1f2;border-color:#fca5a5}.mastery-btn.hard:hover{background:var(--red-100)}.mastery-btn.good{border-color:var(--blue-200);background:var(--blue-50);color:var(--blue-600)}.mastery-btn.good:hover{background:var(--blue-100)}.mastery-btn.easy{color:#16a34a;background:#f0fdf4;border-color:#86efac}.mastery-btn.easy:hover{background:#dcfce7}.ai-chat-box{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--border);flex-direction:column;max-height:580px;display:flex;overflow:hidden}.ai-chat-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);align-items:center;gap:var(--space-3);background:linear-gradient(135deg, var(--blue-800), var(--blue-600));display:flex}.ai-chat-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.ai-chat-name{color:var(--white);font-size:.9375rem;font-weight:700}.ai-chat-status{color:#ffffffb3;font-size:.75rem}.ai-online-dot{background:#4ade80;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.ai-messages{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;min-height:200px;display:flex;overflow-y:auto}.ai-msg{max-width:85%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;font-size:.875rem;line-height:1.6}.ai-msg.bot{background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.user{background:var(--blue-500);color:var(--white);border-bottom-right-radius:4px;align-self:flex-end}.ai-typing{align-items:center;gap:4px;padding:4px 0;display:flex}.ai-typing span{background:var(--gray-400);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite aiTyping}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes aiTyping{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-quick-btns{padding:var(--space-3) var(--space-4) 0;gap:var(--space-2);flex-wrap:wrap;display:flex}.ai-quick-btn{border-radius:var(--radius-full);border:1.5px solid var(--blue-200);background:var(--blue-50);color:var(--blue-600);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:5px 12px;font-size:.75rem;font-weight:600}.ai-quick-btn:hover{background:var(--blue-100);border-color:var(--blue-400)}.ai-chat-input{border-top:1px solid var(--border);padding:var(--space-3);gap:var(--space-2);display:flex}.ai-chat-input input{border-radius:var(--radius-md);border:1.5px solid var(--border);transition:border-color var(--transition-fast);outline:none;flex:1;padding:10px 14px;font-size:.875rem}.ai-chat-input input:focus{border-color:var(--blue-400)}.ai-send-btn{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--blue-600), var(--blue-400));width:38px;height:38px;color:var(--white);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.ai-send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.ai-send-btn:disabled{opacity:.5;cursor:default}.topic-tabs{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.topic-tab{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:7px 16px;font-size:.8125rem;font-weight:600}.topic-tab:hover{border-color:var(--blue-300);color:var(--blue-500)}.topic-tab.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-600)}.api-setup-banner{border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);align-items:flex-start;gap:var(--space-4);background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1.5px solid #fcd34d;flex-wrap:wrap;display:flex}.api-setup-icon{flex-shrink:0;font-size:1.75rem}.api-setup-text{flex:1}.api-setup-text h4{color:#92400e;margin-bottom:4px;font-weight:700}.api-setup-text p{color:#78350f;font-size:.875rem}.api-key-form{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.api-key-form input{border-radius:var(--radius-md);background:var(--white);border:1.5px solid #fcd34d;outline:none;flex:1;min-width:200px;padding:10px 14px;font-family:monospace;font-size:.875rem}.api-key-form input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}@media (width<=1100px){.vocab-layout{grid-template-columns:1fr}}