@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai+Looped:wght@300;400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap");@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue;src:url(/fonts/PrachasonNeue-Black.otf) format("opentype");font-weight:800 900;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue Condensed;src:url(/fonts/PrachasonNeue-Condensed.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Prachason Neue Condensed;src:url(/fonts/PrachasonNeue-CondensedBold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Browallia New;src:url(/fonts/Browa.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Browallia New;src:url(/fonts/Browai.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Browallia New;src:url(/fonts/Browab.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Browallia New;src:url(/fonts/Browabi.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--red-50:#fdeaec;--red-100:#fbccd0;--red-200:#f79aa1;--red-300:#f26771;--red-400:#ee3543;--red-500:#e60012;--red-600:#c40010;--red-700:#9d000d;--red-800:#75000a;--red-900:#4e0006;--blue-50:#e6eaf4;--blue-100:#c0cae6;--blue-200:#8093c7;--blue-300:#4760ab;--blue-400:#1c3c97;--blue-500:#002c93;--blue-600:#002578;--blue-700:#001d5e;--blue-800:#001443;--blue-900:#000c2a;--white:#ffffff;--gray-50:#fafafa;--gray-100:#f4f4f4;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#3f3f3f;--gray-800:#2c2c2c;--gray-900:#222222;--black:#111111;--gradient-red:linear-gradient(180deg,#ff4453 0%,var(--red-500) 55%,var(--red-700) 100%);--gradient-red-fade:linear-gradient(180deg,#ffffff 0%,var(--red-500) 100%);--gradient-blue:linear-gradient(180deg,#4760ab 0%,var(--blue-500) 60%,var(--blue-800) 100%);--gradient-ink:linear-gradient(180deg,#555 0%,var(--gray-900) 100%);--color-brand:var(--red-500);--color-brand-strong:var(--red-600);--color-brand-soft:var(--red-50);--color-accent:var(--blue-500);--color-accent-strong:var(--blue-600);--surface-page:var(--white);--surface-muted:var(--gray-100);--surface-card:var(--white);--surface-inverse:var(--gray-900);--surface-brand:var(--red-500);--surface-brand-strong:var(--red-600);--text-strong:var(--gray-900);--text-body:var(--gray-800);--text-muted:var(--gray-500);--text-on-brand:var(--white);--text-on-inverse:var(--white);--text-link:var(--red-600);--text-heading:var(--red-500);--border-subtle:var(--gray-200);--border-default:var(--gray-300);--border-strong:var(--gray-900);--border-brand:var(--red-500);--color-success:#1b8a4b;--color-warning:#d98a00;--color-danger:var(--red-600);--color-info:var(--blue-500);--focus-ring:color-mix(in srgb,var(--blue-500) 55%,transparent);--font-display:"Prachason Neue","IBM Plex Sans Thai",system-ui,sans-serif;--font-condensed:"Prachason Neue Condensed","Prachason Neue",sans-serif;--font-text:"Prachason Neue","IBM Plex Sans Thai",system-ui,sans-serif;--font-looped:"IBM Plex Sans Thai Looped","Prachason Neue",sans-serif;--font-legacy:"Browallia New","IBM Plex Sans Thai",serif;--font-latin:"Prachason Neue","IBM Plex Sans",system-ui,sans-serif;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.5rem;--leading-tight:1.12;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.08em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-12:6rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:18px;--radius-pill:999px;--radius-card:var(--radius-lg);--border-width:1px;--border-width-strong:2px;--border-width-heavy:3px;--skew-angle:-25deg;--shadow-xs:0 1px 2px rgba(17,17,17,0.06);--shadow-sm:0 1px 3px rgba(17,17,17,0.08),0 1px 2px rgba(17,17,17,0.04);--shadow-md:0 4px 12px rgba(17,17,17,0.08),0 2px 4px rgba(17,17,17,0.04);--shadow-lg:0 12px 28px rgba(17,17,17,0.12),0 4px 8px rgba(17,17,17,0.05);--shadow-xl:0 24px 56px rgba(17,17,17,0.16);--shadow-brand:0 16px 40px rgba(230,0,18,0.28);--ring-focus:0 0 0 3px var(--focus-ring);--ease-standard:cubic-bezier(0.2,0,0.2,1);--ease-emphasized:cubic-bezier(0.2,0,0,1);--duration-fast:120ms;--duration-normal:200ms;--duration-slow:320ms;--primary-red:var(--color-brand);--primary-red-hover:var(--color-brand-strong);--primary-white:var(--white);--text-color:var(--text-body);--text-secondary:var(--text-muted);--background-color:var(--gray-50);--border-radius:var(--radius-lg);--font-family:var(--font-text);--transition:all var(--duration-normal) var(--ease-standard)}*{box-sizing:border-box;padding:0;margin:0;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;overflow-x:hidden;font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:480px;margin:0 auto;background-color:var(--primary-white);min-height:100vh;box-shadow:var(--shadow-lg);position:relative}.btn-primary{background:var(--color-brand);color:var(--text-on-brand);border:none;padding:14px 24px;border-radius:var(--radius-md);font-family:var(--font-text);font-size:16px;font-weight:var(--weight-semibold);cursor:pointer;width:100%;text-align:center;transition:background var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);box-shadow:var(--shadow-sm);display:block}.btn-primary:hover{background:var(--color-brand-strong)}.btn-primary:active{transform:scale(.97)}.btn-primary:focus-visible{outline:none;box-shadow:var(--ring-focus)}.btn-primary:disabled{background:var(--gray-300);color:var(--white);box-shadow:none;cursor:not-allowed;opacity:.6}.input-field{width:100%;padding:14px 16px;border:1px solid var(--border-default);border-radius:var(--radius-md);margin-bottom:20px;font-size:16px;font-family:var(--font-text);transition:var(--transition);background:var(--gray-50);color:var(--text-body)}.input-field:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 14%,transparent);background:var(--white)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight)}