:root{--color-navy:#102a43;--color-tech-blue:#00a8cc;--color-creative-yellow:#ffc857;--color-success-green:#20a779;--color-bg-light:#f7fafc;--color-bg-dark:#081826;--color-text:#102a43;--color-text-light:#f7fafc;--color-text-muted:#486581;--color-border:#d9e2ec;--color-surface:#fff;--color-surface-alt:#f7fafc;--color-primary:#00a8cc;--color-primary-dark:#007ea0;--color-accent:#ffc857;--color-success:#20a779;--color-danger:#e5484d;--color-warning:#ffc857;--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-size-base:16px;--line-height-base:1.6;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #102a4314;--shadow-md:0 4px 12px #102a431a;--shadow-lg:0 12px 32px #102a4324;--max-width:1200px;--header-height:64px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);line-height:var(--line-height-base);color:var(--color-text);background:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--color-tech-blue);color:#fff;padding:var(--space-md) var(--space-lg);z-index:9999;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast);font-weight:600;position:absolute;top:-100px;left:0}.skip-link:focus{top:0}:focus-visible{outline:3px solid var(--color-tech-blue);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{color:var(--color-navy);font-weight:700;line-height:1.25}h1{font-size:clamp(1.75rem,4vw,2.75rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.25rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--color-tech-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}code,pre{font-family:var(--font-mono);font-size:.9em}code{background:var(--color-surface-alt);border-radius:var(--radius-sm);color:var(--color-navy);padding:.15em .4em}pre{background:var(--color-bg-dark);color:var(--color-bg-light);padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto}pre code{color:inherit;background:0 0;padding:0}.container{max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.section{padding:var(--space-3xl) 0}.section--alt{background:var(--color-surface)}.section--dark{background:var(--color-bg-dark);color:var(--color-text-light)}.section--dark h1,.section--dark h2,.section--dark h3{color:var(--color-text-light)}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn--primary{background:var(--color-tech-blue);color:#fff}.btn--primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{color:var(--color-tech-blue);border-color:var(--color-tech-blue);background:0 0}.btn--secondary:hover{background:var(--color-tech-blue);color:#fff}.btn--accent{background:var(--color-creative-yellow);color:var(--color-navy)}.btn--accent:hover{color:var(--color-navy);background:#e6b04d}.btn--ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.btn--ghost:hover{border-color:var(--color-tech-blue);color:var(--color-tech-blue)}.btn--lg{padding:var(--space-lg) var(--space-2xl);font-size:1.1rem}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:.875rem}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base);border:1px solid var(--color-border)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--dark{background:var(--color-navy);color:var(--color-text-light);border-color:var(--color-bg-dark)}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}.badge{border-radius:var(--radius-full);background:var(--color-surface-alt);color:var(--color-text-muted);align-items:center;padding:.25em .75em;font-size:.8rem;font-weight:600;display:inline-flex}.badge--blue{color:var(--color-tech-blue);background:#00a8cc1f}.badge--yellow{color:#b8860b;background:#ffc8572e}.badge--green{color:var(--color-success);background:#20a7791f}.badge--navy{color:var(--color-navy);background:#102a4314}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-0{margin-top:0}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-tech-blue);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:700}[data-lang=en] [data-vi],[data-lang=vi] [data-en]{display:none}.lang-toggle{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);align-items:center;gap:0;display:inline-flex;overflow:hidden}.lang-toggle button{cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:.35em .8em;font-size:.8rem;font-weight:600}.lang-toggle button.active{background:var(--color-tech-blue);color:#fff}.hero{background:linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-navy) 100%);color:var(--color-text-light);padding:var(--space-3xl) 0;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#00a8cc26 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-50%;right:-10%}.hero h1{color:var(--color-text-light)}.hero p{color:#f7fafcd9;font-size:1.15rem}.code-bracket{font-family:var(--font-mono);color:var(--color-tech-blue);font-weight:700}table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0}th,td{text-align:left;padding:var(--space-md);border-bottom:1px solid var(--color-border)}th{color:var(--color-navy);background:var(--color-surface-alt);font-weight:700}.footer{background:var(--color-bg-dark);color:#f7fafcb3;padding:var(--space-2xl) 0 var(--space-xl)}.footer a{color:#f7fafcb3}.footer a:hover{color:var(--color-tech-blue)}.footer-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr 1fr}}.nav-mobile-toggle{display:none}@media (width<=1024px){.nav-desktop{display:none}.nav-mobile-toggle{display:flex}}.lesson-content{max-width:760px;margin:0 auto}.lesson-content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.lesson-content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.lesson-content p{margin-bottom:var(--space-md)}.lesson-content ul,.lesson-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.lesson-content li{margin-bottom:var(--space-sm)}.assessment-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg)}.assessment-option{padding:var(--space-md) var(--space-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:all var(--transition-fast);display:block}.assessment-option:hover{border-color:var(--color-tech-blue);background:#00a8cc0d}.assessment-option.selected{border-color:var(--color-tech-blue);background:#00a8cc14}.progress-bar{background:var(--color-border);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-bar__fill{background:var(--color-tech-blue);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.site-header[data-astro-cid-nen7h5rs]{z-index:100;-webkit-backdrop-filter:blur(12px);height:var(--header-height);background:#081826f5;border-bottom:1px solid #00a8cc26;position:sticky;top:0}.header-inner[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-lg);height:100%;display:flex}.logo[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-sm);flex-shrink:0;text-decoration:none;display:flex}.logo-text[data-astro-cid-nen7h5rs]{align-items:baseline;gap:.25em;line-height:1;display:flex}.logo-main[data-astro-cid-nen7h5rs]{color:#f7fafc;letter-spacing:-.01em;font-size:1.1rem;font-weight:800}.logo-main[data-astro-cid-nen7h5rs] .code-bracket[data-astro-cid-nen7h5rs]{color:#00a8cc}.logo-sub[data-astro-cid-nen7h5rs]{color:#ffc857;font-size:1.1rem;font-weight:700}.nav-desktop[data-astro-cid-nen7h5rs]{flex:1}.nav-list[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-xs);list-style:none;display:flex}.nav-link[data-astro-cid-nen7h5rs]{border-radius:var(--radius-full);color:#f7fafccc;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.3em;padding:.4em .75em;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-link[data-astro-cid-nen7h5rs]:hover,.nav-link[data-astro-cid-nen7h5rs][aria-current=page]{color:#f7fafc;background:#00a8cc1f}.nav-dropdown[data-astro-cid-nen7h5rs]{position:relative}.nav-dropdown-menu[data-astro-cid-nen7h5rs]{border-radius:var(--radius-lg);padding:var(--space-sm);min-width:200px;box-shadow:var(--shadow-lg);z-index:200;background:#102a43;border:1px solid #00a8cc33;list-style:none;display:none;position:absolute;top:calc(100% + 8px);left:0}.nav-dropdown[data-astro-cid-nen7h5rs]:hover .nav-dropdown-menu[data-astro-cid-nen7h5rs],.nav-dropdown[data-astro-cid-nen7h5rs]:focus-within .nav-dropdown-menu[data-astro-cid-nen7h5rs]{display:block}.nav-dropdown-menu[data-astro-cid-nen7h5rs] .nav-link[data-astro-cid-nen7h5rs]{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:block}.header-controls[data-astro-cid-nen7h5rs]{align-items:center;gap:var(--space-md);flex-shrink:0;margin-left:auto;display:flex}.mobile-menu[data-astro-cid-nen7h5rs]{padding:var(--space-md) 0 var(--space-lg);width:100%;top:var(--header-height);background:#102a43;border-top:1px solid #00a8cc26;position:absolute;left:0}.mobile-menu[data-astro-cid-nen7h5rs][hidden]{display:none}.mobile-nav-list[data-astro-cid-nen7h5rs]{padding:0 var(--space-lg);list-style:none}.mobile-nav-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{padding:var(--space-md) 0;color:#f7fafcd9;border-bottom:1px solid #f7fafc14;font-weight:500;text-decoration:none;display:block}.mobile-nav-list[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover{color:#00a8cc}.mobile-cta[data-astro-cid-nen7h5rs]{padding-top:var(--space-lg)!important;border-bottom:none!important}.footer-logo[data-astro-cid-jo6i4kqk]{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);text-decoration:none;display:flex}.footer-logo-text[data-astro-cid-jo6i4kqk]{color:#f7fafc;font-size:1rem;font-weight:800}.footer-tagline[data-astro-cid-jo6i4kqk]{color:#f7fafcbf;margin-bottom:var(--space-md);font-size:.9rem;line-height:1.6}.footer-meta[data-astro-cid-jo6i4kqk]{color:#f7fafc73;margin-bottom:var(--space-sm);font-size:.78rem;line-height:1.5}.footer-heading[data-astro-cid-jo6i4kqk]{color:#f7fafc;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md);font-size:.85rem;font-weight:700}.footer-links[data-astro-cid-jo6i4kqk]{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#f7fafca6;transition:color var(--transition-fast);font-size:.9rem;text-decoration:none}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:#00a8cc}.footer-bottom[data-astro-cid-jo6i4kqk]{justify-content:space-between;align-items:center;gap:var(--space-md);margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid #f7fafc14;flex-wrap:wrap;display:flex}.footer-copyright[data-astro-cid-jo6i4kqk]{color:#f7fafc73;margin:0;font-size:.82rem}.footer-badges[data-astro-cid-jo6i4kqk]{gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (width<=768px){.footer-bottom[data-astro-cid-jo6i4kqk]{flex-direction:column;align-items:flex-start}}