:root{--violet:oklch(52% .15 293);--violet-hover:oklch(57% .145 293);--violet-deep:oklch(36% .12 295);--violet-soft:oklch(95% .026 293);--magenta:oklch(83% .084 64);--magenta-soft:oklch(96% .026 70);--tangerine:oklch(92% .055 72);--tangerine-soft:oklch(97% .024 75);--tangerine-ink:oklch(55% .132 48);--tangerine-on-dark:oklch(84% .116 66);--magenta-on-dark:oklch(86% .075 64);--on-magenta:oklch(38% .13 55);--on-tangerine:oklch(38% .145 45);--cobalt:var(--violet);--cobalt-hover:var(--violet-hover);--cobalt-deep:var(--violet-deep);--cobalt-soft:var(--violet-soft);--coral:var(--magenta);--coral-soft:var(--magenta-soft);--citrus:var(--tangerine);--citrus-soft:var(--tangerine-soft);--mint:oklch(94% .048 155);--mint-strong:oklch(50% .1 156);--paper:oklch(98% .012 83);--paper-cool:oklch(97% .01 268);--white:oklch(99% .006 83);--ink:oklch(30% .032 268);--muted:oklch(52% .026 268);--line:oklch(90% .016 268);--danger:oklch(52% .16 27);--danger-soft:var(--coral-soft);--success:var(--mint-strong);--on-mint:oklch(38% .09 156);--on-citrus:oklch(43% .125 55);--on-coral:var(--on-magenta);--on-danger-soft:oklch(40% .15 27);--on-violet-soft:var(--violet-deep);--shadow-panel:0 18px 48px #432b7426;--shadow-card:0 10px 28px #432b7421;--radius-sm:10px;--radius-md:16px;--radius-lg:26px;--radius-xl:36px;--focus:0 0 0 4px #f4724999;--ease-out:cubic-bezier(.16, 1, .3, 1);--tap:56px;--brand:var(--cobalt-deep);--brand-mid:var(--cobalt);--brand-hover:var(--cobalt-hover);--brand-soft:var(--cobalt-soft);--accent:var(--citrus);--accent-soft:var(--citrus-soft);--surface-alt:var(--paper-cool);--surface-tint:var(--cobalt-soft);--surface-tint-deep:oklch(88% .05 293);--shadow-low:var(--shadow-panel);--shadow-lift:var(--shadow-card)}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:17px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Figtree,Noto Sans Thai,Thonburi,Tahoma,sans-serif;font-size:1rem;line-height:1.7;overflow-x:hidden}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--brand);outline-offset:3px;box-shadow:var(--focus)}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;margin:0;line-height:1.22}h1{font-size:clamp(2rem,1.4rem + 2.4vw,2.9rem)}h1,h2{font-weight:800}h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}h3{font-size:1.2rem;font-weight:700}p{margin:0}.container{width:min(1180px,100% - 40px);margin-inline:auto}.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{z-index:999;border-radius:var(--radius-sm);background:var(--brand);color:var(--white);transition:transform .18s var(--ease-out);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{min-height:var(--tap);min-width:var(--tap);border-radius:var(--radius-md);cursor:pointer;transition:background .18s var(--ease-out),transform .18s var(--ease-out),border-color .18s var(--ease-out);border:2px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:750;text-decoration:none;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-primary{background:var(--brand);color:var(--white)}.button-primary:hover:not(:disabled){background:var(--brand-mid);transform:translateY(-2px)}.button-secondary{color:var(--brand);border-color:var(--brand);background:0 0}.button-secondary:hover:not(:disabled){background:var(--brand-soft)}.button-citrus{background:var(--accent);color:var(--brand)}.button-citrus:hover:not(:disabled){background:oklch(86% .11 93);transform:translateY(-2px)}.button-light{color:var(--white);background:0 0;border-color:#fefbf6a6}.button-light:hover:not(:disabled){background:#fefbf61f}.button-danger{background:var(--danger);color:var(--white)}.button-block{width:100%}.field{gap:7px;display:grid}.field label{font-weight:700}.field-hint{color:var(--muted);font-size:.9rem}.field-control{min-height:var(--tap);border:2px solid var(--line);border-radius:var(--radius-md);background:var(--white);width:100%;color:var(--ink);transition:border-color .16s var(--ease-out),box-shadow .16s var(--ease-out);padding:12px 16px}.field-control:hover{border-color:oklch(80% .03 268)}.field-control:focus{border-color:var(--brand);box-shadow:var(--focus);outline:0}.field-control.invalid,.field-control.invalid:hover{border-color:var(--danger);background:var(--danger-soft)}.field-control.invalid:focus{border-color:var(--danger);box-shadow:0 0 0 4px #b3383247}.field-error{color:var(--danger)}.field-error,.field-ok{font-size:.88rem;font-weight:600}.field-ok{color:var(--mint-strong)}.req:after{content:" *";color:var(--danger);font-weight:700}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.alert{border-radius:var(--radius-sm);border-left:6px solid;padding:16px 20px;font-weight:600}.alert-error{background:var(--danger-soft);border-color:var(--danger);color:var(--on-danger-soft)}.alert-info{background:var(--surface-tint);border-color:var(--brand-mid);color:var(--brand)}.alert-warn{background:var(--accent-soft);border-color:var(--accent);color:var(--on-citrus)}.badge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.badge-verified{background:var(--mint);color:var(--on-mint)}.badge-pending{background:var(--accent-soft);color:var(--on-citrus)}.badge-danger{background:var(--danger-soft);color:var(--on-danger-soft)}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.back{border:1px solid var(--line);background:var(--white);min-height:44px;color:var(--brand);transition:background .16s var(--ease-out),border-color .16s var(--ease-out),transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex}.back:hover{background:var(--brand-soft);border-color:var(--brand-soft);transform:translate(-2px)}.back svg{flex:none}