:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#161b22;--border:#30363d;--border-light:#484f58;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-green:#3fb950;--accent-green-dim:#238636;--accent-blue:#58a6ff;--accent-purple:#bc8cff;--accent-orange:#d29922;--accent-red:#f85149;--font-body:'Noto Sans Thai', -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:'JetBrains Mono', 'Fira Code', monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--max-width:1200px;--nav-height:64px;--radius:8px;--radius-lg:12px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-purple)}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-16)0}.section-title{font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-10)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;text-decoration:none;line-height:1.5}.btn-primary{background-color:var(--accent-green);color:var(--bg-primary)}.btn-primary:hover{background-color:#46c355;color:var(--bg-primary)}.btn-secondary{background-color:initial;color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-outline{background-color:initial;color:var(--accent-green);border:1px solid var(--accent-green-dim)}.btn-outline:hover{background-color:var(--accent-green-dim);color:var(--text-primary)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:var(--text-sm)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color .2s}.card:hover{border-color:var(--border-light)}.badge{display:inline-block;padding:var(--space-1)var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-free{background-color:var(--accent-green-dim);color:var(--accent-green)}.badge-paid{background-color:rgba(188,140,255,.15);color:var(--accent-purple)}.badge-coming{background-color:rgba(210,153,34,.15);color:var(--accent-orange)}.nav{position:sticky;top:0;z-index:100;background-color:rgba(13,17,23,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--nav-height)}.nav .container{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-logo{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--accent-green)}.nav-logo:hover{color:var(--accent-green)}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-menu a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;transition:color .2s}.nav-menu a:hover{color:var(--text-primary)}.nav-login{color:var(--text-primary)!important;border:1px solid var(--border);padding:var(--space-2)var(--space-4);border-radius:var(--radius)}.nav-login:hover{border-color:var(--border-light)!important}.nav-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:var(--space-2)}.nav-toggle span{display:block;width:24px;height:2px;background-color:var(--text-primary);transition:all .3s}.nav-toggle.active span:nth-child(1){transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.hero{padding:var(--space-20)0;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border)}.hero-title{font-size:var(--text-4xl);font-weight:700;line-height:1.3;margin-bottom:var(--space-2)}.hero-title-accent{color:var(--accent-green);font-family:var(--font-mono)}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto}.hero-ctas{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-10);flex-wrap:wrap}.hero-checks{display:flex;gap:var(--space-8);justify-content:center;flex-wrap:wrap}.hero-check{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm)}.hero-check svg{color:var(--accent-green);flex-shrink:0}.trust-bar{padding:var(--space-10)0;border-bottom:1px solid var(--border);background-color:var(--bg-secondary)}.trust-bar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);text-align:center}.trust-item-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.trust-item-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.trust-item-desc{font-size:var(--text-sm);color:var(--text-secondary)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.course-card{display:flex;flex-direction:column}.course-card-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.course-card-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.course-card-title-th{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.course-card-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.course-card-price{font-size:var(--text-xl);font-weight:700;color:var(--accent-green);margin-bottom:var(--space-4)}.course-card-actions{margin-top:auto}.course-card.coming-soon{opacity:.7}.course-card.coming-soon:hover{opacity:.85}.free-courses{background-color:var(--bg-primary)}.paid-courses{background-color:var(--bg-primary)}.bundle-callout{margin-top:var(--space-10);padding:var(--space-8);background:linear-gradient(135deg,rgba(188,140,255,.1),rgba(63,185,80,.1));border:1px solid var(--accent-purple);border-radius:var(--radius-lg);text-align:center}.bundle-callout-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-2)}.bundle-callout-price{font-size:var(--text-3xl);font-weight:700;color:var(--accent-green);margin-bottom:var(--space-2)}.bundle-callout-desc{color:var(--text-secondary);margin-bottom:var(--space-6)}.learning-path{background-color:var(--bg-secondary)}.path-container{display:flex;flex-direction:column;gap:var(--space-8)}.path-tier{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.path-tier-label{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;padding:var(--space-1)var(--space-3);border-radius:var(--radius);margin-bottom:var(--space-6)}.path-tier-free .path-tier-label{background-color:var(--accent-green-dim);color:var(--accent-green)}.path-tier-paid .path-tier-label{background-color:rgba(188,140,255,.15);color:var(--accent-purple)}.path-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.path-row:last-child{margin-bottom:0}.path-node{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);font-weight:500;white-space:nowrap;color:var(--text-primary);text-decoration:none;transition:all .2s}.path-node:hover{border-color:var(--accent-green);color:var(--text-primary)}.path-node.dimmed{opacity:.5}.path-node.dimmed:hover{opacity:.75}.path-arrow{color:var(--text-muted);font-size:var(--text-sm);flex-shrink:0}.path-arrow-down{display:flex;justify-content:flex-start;padding-left:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-4)}.why-section{background-color:var(--bg-primary)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.why-item{padding:var(--space-8)}.why-item-icon{font-size:var(--text-3xl);margin-bottom:var(--space-4)}.why-item-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3)}.why-item-desc{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.8}.community{background-color:var(--bg-secondary);text-align:center}.community-buttons{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.community-btn{min-width:200px}.newsletter{background-color:var(--bg-primary);text-align:center}.newsletter-form{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto var(--space-4)}.newsletter-input{flex:1;padding:var(--space-3)var(--space-4);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base)}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{outline:none;border-color:var(--accent-green)}.newsletter-note{font-size:var(--text-sm);color:var(--text-muted)}.footer{padding:var(--space-16)0 var(--space-8);border-top:1px solid var(--border);background-color:var(--bg-secondary)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-12)}.footer-brand{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--accent-green);margin-bottom:var(--space-3)}.footer-tagline{color:var(--text-secondary);font-size:var(--text-sm)}.footer-heading{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:var(--text-secondary);font-size:var(--text-sm)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm)}@media(max-width:768px){.nav-menu{display:none;position:absolute;top:var(--nav-height);left:0;right:0;flex-direction:column;background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--space-6);gap:var(--space-4)}.nav-menu.active{display:flex}.nav-toggle{display:flex}.hero-title{font-size:var(--text-3xl)}.hero-subtitle{font-size:var(--text-lg)}.hero-checks{flex-direction:column;align-items:center;gap:var(--space-3)}.trust-bar-grid{grid-template-columns:1fr;gap:var(--space-6)}.course-grid{grid-template-columns:1fr}.why-grid{grid-template-columns:1fr}.path-row{flex-direction:column;align-items:flex-start}.path-arrow{transform:rotate(90deg)}.newsletter-form{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.section-title{font-size:var(--text-2xl)}}@media(min-width:769px) and (max-width:1024px){.course-grid{grid-template-columns:repeat(2,1fr)}}