*{box-sizing:border-box;margin:0;padding:0}:root{--accent-color:#6b7280;--accent-hover:#4b5563;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-primary:#fff;--bg-secondary:#f9fafb;--border-color:#e5e7eb;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:3rem;--spacing-xl:4rem;--max-width:1200px;--fb-primary:#8b5cf6;--fb-primary-hover:#7c3aed;--fb-secondary:#2563eb;--fb-accent-warm:#a78bfa;--fb-accent-cool:#3b82f6;--fb-gold:#f5a623;--fb-bg:#fff;--fb-surface:#f8fafc;--fb-border:#e2e8f0;--fb-text:#1e293b;--fb-text-muted:#64748b;--fb-gradient-hero:linear-gradient(135deg, #8b5cf6 0%, #2563eb 100%);--fb-gradient-btn:linear-gradient(90deg, #8b5cf6 0%, #2563eb 100%);--fb-gradient-glow:radial-gradient(circle at 30% 30%, #8b5cf626 0%, transparent 60%);--fb-gradient-mesh:radial-gradient(at 20% 20%, #8b5cf61f 0%, transparent 50%), radial-gradient(at 80% 70%, #2563eb1f 0%, transparent 50%), radial-gradient(at 55% 30%, #8b5cf614 0%, transparent 45%);--fb-shadow-sm:0 1px 2px #0000000d;--fb-shadow-md:0 4px 6px #00000012;--fb-shadow-lg:0 10px 25px #8b5cf626;--fb-shadow-glow:0 0 30px #8b5cf640;--fb-blur:blur(10px);--fb-radius-sm:.5rem;--fb-radius-md:1rem;--fb-radius-lg:1.5rem;--fb-radius-full:9999px;--fb-transition:.2s ease;--fb-transition-slow:.35s ease}[data-theme=dark]{--fb-bg:#0f0f1a;--fb-surface:#1a1a2e;--fb-border:#2d2d44;--fb-text:#f1f5f9;--fb-text-muted:#94a3b8;--fb-shadow-lg:0 10px 25px #00000052;--fb-shadow-glow:0 0 30px #8b5cf666}body{color:var(--fb-text);background:var(--fb-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Noto Sans Thai,Noto Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Tahoma,Arial,sans-serif;font-size:18px;line-height:1.7}a{color:var(--fb-primary);transition:color var(--fb-transition);text-decoration:none}a:hover{color:var(--fb-primary-hover)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--fb-secondary);outline-offset:3px}h1{margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700;line-height:1.2}h2{margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700;line-height:1.3}h3{margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:700;line-height:1.35}p{margin-bottom:var(--spacing-sm);color:var(--fb-text)}.text-muted{color:var(--fb-text-muted)}@media (width>=768px){body{font-size:18px}h1{font-size:2.4rem}h2{font-size:1.9rem}h3{font-size:1.35rem}}.container{width:100%;max-width:var(--max-width);padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-lg) 0}@media (width>=768px){.section{padding:var(--spacing-xl) 0}}.section-surface{background:var(--fb-surface)}.section-mesh{position:relative;overflow:hidden}.section-mesh:before{content:"";background:var(--fb-gradient-mesh);pointer-events:none;z-index:0;position:absolute;inset:0}.header{z-index:100;background:var(--fb-bg);background:color-mix(in srgb, var(--fb-bg) 82%, transparent);backdrop-filter:var(--fb-blur);border-bottom:1px solid var(--fb-border);padding:var(--spacing-sm) 0;position:sticky;top:0}@supports not (backdrop-filter:blur(1px)){.header{backdrop-filter:none;background:var(--fb-bg)}}.header-content{align-items:center;gap:var(--spacing-md);display:flex;position:relative}.logo{min-height:44px;color:var(--fb-text);align-items:center;gap:.65rem;font-size:1.1rem;font-weight:700;display:inline-flex}.logo-image{width:36px;height:36px;box-shadow:var(--fb-shadow-glow);border-radius:12px;display:block}.nav{gap:var(--spacing-md);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.nav-wrapper{align-items:center;gap:var(--spacing-sm);flex:auto;justify-content:flex-end;min-width:0;margin-left:auto;display:flex}.nav-link{color:var(--fb-text-muted);transition:color var(--fb-transition), opacity var(--fb-transition);align-items:center;min-height:44px;font-size:1rem;display:inline-flex}.nav-link:hover{color:var(--fb-text)}.nav-link.active{color:var(--fb-text);font-weight:600}.nav-dropdown{position:relative}.nav-dropdown-toggle{cursor:pointer;user-select:none;list-style:none}.nav-dropdown-toggle::-webkit-details-marker{display:none}.nav-dropdown-toggle:after{content:"▾";transition:transform var(--fb-transition);margin-left:.4rem;font-size:.8rem}.nav-dropdown[open] .nav-dropdown-toggle:after{transform:rotate(180deg)}.nav-dropdown.active>.nav-dropdown-toggle,.nav-dropdown[open]>.nav-dropdown-toggle{color:var(--fb-text);font-weight:600}.nav-dropdown-menu{gap:.25rem;display:grid}.nav-dropdown-item{border-radius:var(--fb-radius-sm);min-height:44px;color:var(--fb-text-muted);transition:background var(--fb-transition), color var(--fb-transition);align-items:center;padding:.5rem .75rem;display:inline-flex}.nav-dropdown-item:hover{background:var(--fb-surface);color:var(--fb-text)}.nav-dropdown-item.active{background:color-mix(in srgb, var(--fb-primary) 10%, transparent);color:var(--fb-text);font-weight:600}.nav .btn[aria-current=page]{box-shadow:0 0 0 2px #ffffff4d, var(--fb-shadow-lg)}.menu-toggle{align-items:center;gap:var(--spacing-xs);background:var(--fb-surface);border:1px solid var(--fb-border);border-radius:var(--fb-radius-full);cursor:pointer;color:var(--fb-text);min-width:44px;min-height:44px;transition:border-color var(--fb-transition), box-shadow var(--fb-transition);padding:.65rem 1rem;font-size:1rem;display:none}.menu-toggle:hover{border-color:var(--fb-primary);box-shadow:var(--fb-shadow-sm)}.menu-text{line-height:1}.theme-toggle{border-radius:var(--fb-radius-full);border:1px solid var(--fb-border);background:var(--fb-surface);min-width:56px;height:44px;color:var(--fb-text);cursor:pointer;transition:border-color var(--fb-transition), box-shadow var(--fb-transition), background var(--fb-transition);justify-content:center;align-items:center;padding:0 .65rem;display:inline-flex}.theme-toggle:hover{border-color:var(--fb-primary);box-shadow:var(--fb-shadow-sm)}.theme-toggle .theme-label{font-size:.95rem;line-height:1}@media (width<=1100px){.header-content{flex-wrap:nowrap;align-items:center}.nav-wrapper{flex:0 auto;justify-content:flex-end;margin-left:auto;display:flex}.nav{top:calc(100% + var(--spacing-sm));z-index:40;background:var(--fb-bg);border:1px solid var(--fb-border);border-radius:var(--fb-radius-md);box-shadow:var(--fb-shadow-lg);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;align-items:stretch;width:auto;max-height:calc(100vh - 6rem);display:none;position:absolute;left:0;right:0;overflow-y:auto}.nav.active{display:flex}.nav-dropdown{width:100%}.nav-dropdown-toggle{justify-content:space-between;width:100%}.nav-dropdown-menu{width:100%;margin-top:.25rem;padding-left:1rem}.nav-dropdown-item{width:100%}.nav>.nav-link,.nav>.btn{justify-content:flex-start;width:100%;padding:.5rem .75rem}.nav>.btn{justify-content:center}.menu-toggle{margin-left:auto;display:inline-flex}}@media (width<=480px){.header .container{padding-inline:1rem}.header-content{gap:.75rem}.logo{gap:.5rem;font-size:1rem}.logo-image{width:32px;height:32px}.nav-wrapper{gap:.5rem}.menu-toggle{padding-inline:.75rem}}@media (width>=1101px){.nav-dropdown-menu{background:var(--fb-bg);border:1px solid var(--fb-border);border-radius:var(--fb-radius-md);min-width:220px;box-shadow:var(--fb-shadow-lg);z-index:30;padding:.5rem;display:none;position:absolute;top:calc(100% + .5rem);right:0}.nav-dropdown[open] .nav-dropdown-menu{display:grid}.menu-toggle{display:none}}.btn{border-radius:var(--fb-radius-full);text-align:center;transition:transform var(--fb-transition), box-shadow var(--fb-transition), color var(--fb-transition), background var(--fb-transition);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{color:#fff}.btn-primary{background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md)}.btn-primary:hover{box-shadow:var(--fb-shadow-lg);color:#fff;transform:translateY(-1px)}.btn-secondary{color:var(--fb-primary);border-color:var(--fb-primary);background:0 0}.btn-secondary:hover{background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md)}.btn-ghost{color:var(--fb-text);border-color:var(--fb-border);background:0 0}.btn-ghost:hover{background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md);border-color:#0000}.card{background-color:var(--fb-surface);border:1px solid var(--fb-border);border-radius:var(--fb-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:var(--fb-shadow-sm);transition:transform var(--fb-transition), box-shadow var(--fb-transition), border-color var(--fb-transition);position:relative;overflow:hidden}.card:before{content:"";background:var(--fb-gradient-glow);filter:blur(12px);z-index:0;opacity:0;width:160px;height:160px;transition:opacity var(--fb-transition-slow);position:absolute;inset:-40% auto auto -40%}.card>*{z-index:1;position:relative}.card:hover{box-shadow:var(--fb-shadow-lg);border-color:color-mix(in srgb, var(--fb-primary) 40%, var(--fb-border));transform:translateY(-4px)}.card:hover:before{opacity:1}.cards-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:grid}@media (width>=768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.hero{padding:calc(var(--spacing-xl) * 1.1) 0;background:var(--fb-bg);position:relative;overflow:hidden}.hero:before{content:"";background:var(--fb-gradient-hero);opacity:.07;z-index:0;position:absolute;inset:0}.hero:after{content:"";background:var(--fb-gradient-mesh);z-index:0;opacity:.9;position:absolute;inset:0}.hero .container{z-index:1;position:relative}.hero-grid{gap:var(--spacing-lg);align-items:center;display:grid}.hero-copy{gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width>=900px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-eyebrow{border-radius:var(--fb-radius-full);background:color-mix(in srgb, var(--fb-primary) 10%, var(--fb-surface));color:var(--fb-text-muted);border:1px solid var(--fb-border);margin-bottom:var(--spacing-sm);align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.95rem;display:inline-flex}.hero h1{margin-bottom:var(--spacing-sm)}.hero p{color:var(--fb-text-muted);max-width:640px;margin-bottom:var(--spacing-md);font-size:1.15rem}.hero-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-trust{color:var(--fb-text-muted);flex-wrap:wrap;gap:.65rem 1rem;margin:.25rem 0 0;padding:0;font-size:.95rem;list-style:none;display:flex}.hero-trust li{border:1px solid var(--fb-border);border-radius:var(--fb-radius-full);background:color-mix(in srgb, var(--fb-bg) 72%, transparent);align-items:center;min-height:32px;padding:.25rem .7rem;display:inline-flex}.hero-visual{border-radius:var(--fb-radius-lg);background:var(--fb-gradient-hero);min-height:280px;box-shadow:var(--fb-shadow-lg);position:relative;overflow:hidden}.hero-visual:after{content:"";background:var(--fb-gradient-glow);filter:blur(8px);position:absolute;inset:0}.hero-mascot{object-fit:cover;object-position:center;mix-blend-mode:normal;width:100%;height:100%;position:absolute;inset:0}.footer{background-color:var(--fb-surface);border-top:1px solid var(--fb-border);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-content{gap:var(--spacing-md);color:var(--fb-text-muted);font-size:.95rem;display:grid}.footer-brand{max-width:520px}.footer-brand p{color:var(--fb-text-muted);margin:.85rem 0 0}.footer-logo{min-height:44px;color:var(--fb-text);align-items:center;gap:.65rem;font-size:1.05rem;font-weight:700;display:inline-flex}.footer-logo img{box-shadow:var(--fb-shadow-glow);border-radius:12px}.footer-links,.footer-contact{align-content:start;gap:.35rem;display:grid}.footer-links a,.footer-contact a{align-items:center;width:fit-content;min-height:44px;display:inline-flex}.footer-contact span{color:var(--fb-text);font-weight:600}.footer-copyright{margin:var(--spacing-md) 0 0;padding-top:var(--spacing-sm);border-top:1px solid var(--fb-border);color:var(--fb-text-muted);font-size:.9rem}@media (width>=768px){.footer-content{grid-template-columns:minmax(0,1.6fr) minmax(140px,.7fr) minmax(220px,.8fr)}}.form-group{margin-bottom:var(--spacing-md)}.form-label{margin-bottom:var(--spacing-xs);color:var(--fb-text);font-weight:600;display:block}.form-input,.form-textarea{border:1px solid var(--fb-border);border-radius:var(--fb-radius-sm);width:100%;transition:border-color var(--fb-transition), box-shadow var(--fb-transition);background:var(--fb-bg);min-height:44px;color:var(--fb-text);padding:.8rem .95rem;font-family:inherit;font-size:1rem}.form-input:focus,.form-textarea:focus{border-color:var(--fb-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--fb-primary) 30%, transparent);outline:none}.form-textarea{resize:vertical;min-height:150px}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.badge{border-radius:var(--fb-radius-full);background:color-mix(in srgb, var(--fb-primary) 12%, var(--fb-surface));border:1px solid var(--fb-border);color:var(--fb-text-muted);align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.95rem;display:inline-flex}.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(--fb-primary);color:#fff;border-radius:var(--fb-radius-md);z-index:999;padding:.75rem 1rem;position:absolute;top:-999px;left:-999px}.skip-link:focus-visible{left:var(--spacing-md);top:var(--spacing-md)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}