*{margin:0;padding:0;box-sizing:border-box}:root{--accent-color: #6b7280;--accent-hover: #4b5563;--text-primary: #1f2937;--text-secondary: #6b7280;--bg-primary: #ffffff;--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: #ffffff;--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%, rgba(139, 92, 246, .15) 0%, transparent 60%);--fb-gradient-mesh: radial-gradient(at 20% 20%, rgba(139, 92, 246, .12) 0%, transparent 50%), radial-gradient(at 80% 70%, rgba(37, 99, 235, .12) 0%, transparent 50%), radial-gradient(at 55% 30%, rgba(139, 92, 246, .08) 0%, transparent 45%);--fb-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--fb-shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--fb-shadow-lg: 0 10px 25px rgba(139, 92, 246, .15);--fb-shadow-glow: 0 0 30px rgba(139, 92, 246, .25);--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 rgba(0, 0, 0, .32);--fb-shadow-glow: 0 0 30px rgba(139, 92, 246, .4)}body{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;color:var(--fb-text);background:var(--fb-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:var(--fb-primary);text-decoration:none;transition:color var(--fb-transition)}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{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h2{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--spacing-sm)}h3{font-size:1.25rem;font-weight:700;line-height:1.35;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);color:var(--fb-text)}.text-muted{color:var(--fb-text-muted)}@media (min-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);margin:0 auto;padding:0 var(--spacing-md)}.section{padding:var(--spacing-lg) 0}@media (min-width: 768px){.section{padding:var(--spacing-xl) 0}}.section-surface{background:var(--fb-surface)}.section-mesh{position:relative;overflow:hidden}.section-mesh:before{content:"";position:absolute;inset:0;background:var(--fb-gradient-mesh);pointer-events:none;z-index:0}.header{position:sticky;top:0;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}@supports not (backdrop-filter: blur(1px)){.header{backdrop-filter:none;background:var(--fb-bg)}}.header-content{display:flex;align-items:center;gap:var(--spacing-md)}.logo{display:inline-flex;align-items:center;gap:.65rem;font-weight:700;font-size:1.1rem;color:var(--fb-text)}.logo-image{width:36px;height:36px;border-radius:12px;box-shadow:var(--fb-shadow-glow);display:block}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav-wrapper{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link{color:var(--fb-text-muted);font-size:1rem;transition:color var(--fb-transition),opacity var(--fb-transition);display:inline-flex;align-items:center;min-height:44px}.nav-link:hover{color:var(--fb-text)}.nav-link.active{color:var(--fb-text);font-weight:600}.menu-toggle{display:none;align-items:center;gap:var(--spacing-xs);background:var(--fb-surface);border:1px solid var(--fb-border);border-radius:var(--fb-radius-full);padding:.65rem 1rem;font-size:1rem;cursor:pointer;color:var(--fb-text);min-height:44px;min-width:44px;transition:border-color var(--fb-transition),box-shadow var(--fb-transition)}.menu-toggle:hover{border-color:var(--fb-primary);box-shadow:var(--fb-shadow-sm)}.menu-icon{font-size:1.15rem;line-height:1}.menu-text{line-height:1}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--fb-radius-full);border:1px solid var(--fb-border);background:var(--fb-surface);color:var(--fb-text);cursor:pointer;transition:border-color var(--fb-transition),box-shadow var(--fb-transition),background var(--fb-transition)}.theme-toggle:hover{border-color:var(--fb-primary);box-shadow:var(--fb-shadow-sm)}.theme-toggle .theme-icon{font-size:1.1rem;line-height:1}.theme-toggle .theme-label{display:none;font-size:.95rem;line-height:1}@media (max-width: 767px){.header-content{flex-wrap:nowrap;align-items:center}.nav-wrapper{width:auto;margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end}.nav{display:none;position:static;background:var(--fb-bg);border-bottom:1px solid var(--fb-border);flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm);align-items:flex-start;width:100%;order:3;margin-top:var(--spacing-sm)}.nav.active{display:flex}.menu-toggle{display:inline-flex;margin-left:auto}.theme-toggle .theme-icon{display:none}.theme-toggle .theme-label{display:inline}}@media (min-width: 768px){.menu-toggle{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--fb-radius-full);font-weight:600;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 transparent;font-size:1rem;text-decoration:none;min-height:44px}.btn:hover{color:#fff}.btn-primary{background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--fb-shadow-lg);color:#fff}.btn-secondary{background:transparent;color:var(--fb-primary);border-color:var(--fb-primary)}.btn-secondary:hover{background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md)}.btn-ghost{background:transparent;color:var(--fb-text);border-color:var(--fb-border)}.btn-ghost:hover{border-color:transparent;background-image:var(--fb-gradient-btn);color:#fff;box-shadow:var(--fb-shadow-md)}.card{position:relative;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);overflow:hidden}.card:before{content:"";position:absolute;inset:-40% auto auto -40%;width:160px;height:160px;background:var(--fb-gradient-glow);filter:blur(12px);z-index:0;opacity:0;transition:opacity var(--fb-transition-slow)}.card>*{position:relative;z-index:1}.card:hover{transform:translateY(-4px);box-shadow:var(--fb-shadow-lg);border-color:color-mix(in srgb,var(--fb-primary) 40%,var(--fb-border))}.card:hover:before{opacity:1}.cards-grid{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.hero{position:relative;overflow:hidden;padding:calc(var(--spacing-xl) * 1.1) 0;background:var(--fb-bg)}.hero:before{content:"";position:absolute;inset:0;background:var(--fb-gradient-hero);opacity:.07;z-index:0}.hero:after{content:"";position:absolute;inset:0;background:var(--fb-gradient-mesh);z-index:0;opacity:.9}.hero .container{position:relative;z-index:1}.hero-grid{display:grid;gap:var(--spacing-lg);align-items:center}.hero-copy{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (min-width: 900px){.hero-grid{grid-template-columns:1.1fr .9fr}}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:var(--fb-radius-full);background:color-mix(in srgb,var(--fb-primary) 10%,var(--fb-surface));color:var(--fb-text-muted);font-size:.95rem;border:1px solid var(--fb-border);margin-bottom:var(--spacing-sm)}.hero h1{margin-bottom:var(--spacing-sm)}.hero p{font-size:1.15rem;color:var(--fb-text-muted);max-width:640px;margin-bottom:var(--spacing-md)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.hero-visual{position:relative;min-height:280px;border-radius:var(--fb-radius-lg);background:var(--fb-gradient-hero);box-shadow:var(--fb-shadow-lg);overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:0;background:var(--fb-gradient-glow);filter:blur(8px)}.hero-mascot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal}.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{text-align:center;color:var(--fb-text-muted);font-size:.95rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--fb-text)}.form-input,.form-textarea{width:100%;padding:.8rem .95rem;border:1px solid var(--fb-border);border-radius:var(--fb-radius-sm);font-family:inherit;font-size:1rem;transition:border-color var(--fb-transition),box-shadow var(--fb-transition);min-height:44px;background:var(--fb-bg);color:var(--fb-text)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--fb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--fb-primary) 30%,transparent)}.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{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;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);font-size:.95rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:-999px;background:var(--fb-primary);color:#fff;padding:.75rem 1rem;border-radius:var(--fb-radius-md);z-index:999}.skip-link:focus-visible{left:var(--spacing-md);top:var(--spacing-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}