.tunwalai-auth-backdrop,.tunwalai-pdpa-overlay{--brand-default:var(--Text-Brand-default,var(--twl-sem-text-brand-default));--brand-hover:var(--Text-Brand-hover,var(--twl-sem-text-brand-hover));--brand-subtle:var(--Background-Brand-subtle,var(--twl-sem-bg-brand-subtle));--brand-subtle-active:var(--Background-Brand-subtle-active,var(--twl-sem-bg-brand-subtle-active))}.tunwalai-auth-backdrop{z-index:1000000;background:0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tunwalai-auth-dialog{background:var(--background-raised);border-radius:var(--twl-radius-lg);box-shadow:var(--twl-elevation-md);font-family:var(--twl-font-db-helvethaica);border:0;width:min(760px,100vw - 32px);max-width:760px;max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden}.tunwalai-auth-dialog::backdrop{background:var(--twl-ref-opacity-black-60)}.tunwalai-auth-close{color:var(--text-tertiary);cursor:pointer;z-index:3;background:0 0;border:0;width:32px;height:32px;padding:0;position:absolute;top:20px;right:20px}.tunwalai-auth-dialog[data-panel=login],.tunwalai-auth-dialog[data-panel=register]{border-radius:var(--twl-radius-xl);box-shadow:inset 0 0 0 1px var(--Base-border-raised,var(--background-raised)), var(--twl-elevation-sm);overflow-y:auto}.tunwalai-auth-dialog[data-panel=login] .tunwalai-auth-close{color:var(--Icon-Neutral-primary,var(--text-primary));width:24px;height:24px;top:24px;right:24px}.tunwalai-auth-dialog[data-panel=register] .tunwalai-auth-close{color:var(--Icon-Neutral-primary,var(--text-primary))}.tunwalai-auth-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:673px;display:grid}.tunwalai-auth-brand{background:url(/images/auth/login-desktop-hero.jpg) 50%/cover no-repeat,#dff5ff;position:relative;overflow:hidden}.tunwalai-auth-form-area{background:var(--background-raised);padding:26px 24px 20px;position:relative;overflow-y:auto}.tunwalai-auth-panel{height:100%;animation:.22s auth-slide-in;display:none}.tunwalai-auth-panel.active{flex-direction:column;display:flex}.tunwalai-auth-back{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;margin-bottom:10px;padding:0;font-size:16px;line-height:1;display:inline-flex}.tunwalai-auth-panel-header{border-bottom:1px solid var(--border-subtle);text-align:center;margin-bottom:16px;padding-bottom:16px}.tunwalai-auth-panel-header h3{color:var(--text-primary);font-family:var(--twl-font-db-helvethaica);margin:0 0 8px;font-size:40px;font-weight:700;line-height:1}.tunwalai-auth-panel-header p{color:var(--text-tertiary);font-family:var(--twl-font-bai-jamjuree);font-weight:400;font-size:var(--Body-font-size-md);margin:0;line-height:1.35}html[data-mode=dark] .tunwalai-auth-brand{background-image:url(/images/auth/login-desktop-hero-dark.jpg)}@media (prefers-color-scheme:dark){html:not([data-mode]) .tunwalai-auth-brand,html[data-mode=system] .tunwalai-auth-brand{background-image:url(/images/auth/login-desktop-hero-dark.jpg)}}.tunwalai-auth-form{flex-direction:column;gap:8px;display:flex}.tunwalai-auth-body[data-panel=login],.tunwalai-auth-body[data-panel=register]{min-height:0}.tunwalai-auth-body[data-panel=login] .tunwalai-auth-form-area,.tunwalai-auth-body[data-panel=register] .tunwalai-auth-form-area{padding:32px}.tunwalai-auth-panel--login .tunwalai-auth-panel-header h3,.tunwalai-auth-panel--register .tunwalai-auth-panel-header h3{font-size:32px}.tunwalai-auth-panel--login .tunwalai-auth-panel-header p,.tunwalai-auth-panel--register .tunwalai-auth-panel-header p{color:var(--text-secondary);font-size:var(--Body-font-size-sm);font-weight:500;line-height:var(--Body-font-line-height-sm)}.tunwalai-auth-panel--login .tunwalai-auth-field,.tunwalai-auth-panel--register .tunwalai-auth-field{font-family:var(--twl-font-bai-jamjuree)}.tunwalai-auth-panel--login .tunwalai-auth-field label,.tunwalai-auth-panel--register .tunwalai-auth-field label{font-size:var(--Body-font-size-md);font-weight:500;line-height:var(--Body-font-line-height-md);margin-bottom:8px}.tunwalai-auth-panel--login .tunwalai-auth-input-wrap input,.tunwalai-auth-panel--register .tunwalai-auth-input-wrap input{border-color:var(--Border-Neutral-default,var(--border-default));font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-md);height:45px;font-weight:500;line-height:var(--Body-font-line-height-md);padding:12px 40px 12px 16px}.tunwalai-auth-panel--login .tunwalai-auth-field.is-invalid .tunwalai-auth-input-wrap input,.tunwalai-auth-panel--register .tunwalai-auth-field.is-invalid .tunwalai-auth-input-wrap input{background:var(--background-raised)}.tunwalai-auth-panel--login .tunwalai-auth-field-error,.tunwalai-auth-panel--register .tunwalai-auth-field-error{font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-sm);font-weight:500;line-height:var(--Body-font-line-height-sm);margin-top:8px}.tunwalai-auth-panel--login .tunwalai-auth-field-helper-row{min-height:var(--Body-font-line-height-sm);align-items:center;gap:8px;margin-top:8px;display:flex}.tunwalai-auth-panel--login .tunwalai-auth-field-helper-row .tunwalai-auth-field-error{flex:1 1 0;min-width:0;margin-top:0}.tunwalai-auth-panel--login .tunwalai-auth-link-inline{color:var(--text-secondary);font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-sm);font-weight:500;line-height:var(--Body-font-line-height-sm);text-align:right;flex:1 1 0;margin-top:0;position:relative}.tunwalai-auth-panel--login .tunwalai-auth-link-inline:before{content:"";position:absolute;inset:-3px -6px}.tunwalai-auth-panel--login .tunwalai-auth-toggle-pw{color:var(--Icon-Neutral-primary,var(--text-primary));right:14px}.tunwalai-auth-consent{color:var(--text-primary);cursor:pointer;font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-sm);font-weight:500;line-height:var(--Body-font-line-height-sm);word-break:break-word;align-items:flex-start;gap:8px;margin-top:8px;display:flex}.tunwalai-auth-consent a{color:var(--brand-default);text-underline-position:from-font;text-decoration:underline}.tunwalai-auth-consent a:hover{color:var(--brand-hover)}.tunwalai-auth-general-error{background:var(--twl-sem-bg-danger-subtle);border:1px solid var(--twl-sem-border-danger-default);border-radius:var(--twl-radius-sm);color:var(--twl-sem-text-danger-default);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:18px;line-height:1.1;display:flex}.tunwalai-auth-field label{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:600;display:block}.tunwalai-auth-input-wrap{position:relative}.tunwalai-auth-input-wrap input{background:var(--background-raised);border:1px solid var(--border-subtle);border-radius:var(--twl-radius-sm);box-shadow:none;color:var(--text-primary);outline:0;width:100%;height:39px;padding:8px 40px 8px 16px;font-size:20px;line-height:1}.tunwalai-auth-input-wrap input::placeholder{color:var(--twl-sem-text-neutral-placeholder)}.tunwalai-auth-input-wrap input:focus{border-color:var(--twl-sem-border-brand-focus)}.tunwalai-auth-field.is-invalid .tunwalai-auth-input-wrap input{background:var(--twl-sem-bg-danger-subtle);border-color:var(--twl-sem-border-danger-default)}.tunwalai-auth-field-error{color:var(--twl-sem-text-danger-default);margin-top:4px;font-size:16px;line-height:1.2}.tunwalai-auth-toggle-pw{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tunwalai-auth-link{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;padding:0;font-size:16px;text-decoration:underline}.tunwalai-auth-link-inline{align-self:flex-end;margin-top:-2px}.tunwalai-auth-btn{border-radius:var(--twl-radius-full);cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:8px;font-size:20px;font-weight:600;transition:opacity .2s;display:flex}.tunwalai-auth-btn:disabled{cursor:not-allowed;opacity:.6}.tunwalai-auth-btn-primary{--tunwalai-auth-button-background:var(--Background-Brand-default,var(--twl-sem-bg-brand-default));--tunwalai-auth-button-background-active:var(--Background-Brand-active,var(--twl-sem-bg-brand-active));--tunwalai-auth-button-background-hover:var(--Background-Brand-hover,var(--twl-sem-bg-brand-hover));--tunwalai-auth-button-color:var(--Base-bg-on-color,var(--background-on-color));background:var(--tunwalai-auth-button-background);color:var(--tunwalai-auth-button-color)}.tunwalai-auth-btn-primary:hover:not(:disabled){background:var(--tunwalai-auth-button-background-hover)}.tunwalai-auth-btn-primary:active:not(:disabled){background:var(--tunwalai-auth-button-background-active)}.tunwalai-auth-btn-primary:disabled{background:var(--tunwalai-auth-button-background);color:var(--tunwalai-auth-button-color)}.tunwalai-auth-btn-primary:focus-visible{outline-color:var(--tunwalai-auth-button-background)}.tunwalai-auth-panel--login .tunwalai-auth-btn-primary,.tunwalai-auth-panel--register .tunwalai-auth-btn-primary{font-family:var(--twl-font-db-helvethaica);font-size:20px;font-weight:700;line-height:1}.tunwalai-auth-panel--login .tunwalai-auth-btn-primary:disabled,.tunwalai-auth-panel--register .tunwalai-auth-btn-primary:disabled{--tunwalai-auth-button-background:var(--Background-Brand-disabled,var(--twl-sem-bg-brand-disabled));--tunwalai-auth-button-color:var(--Text-Brand-on-brand-disabled,var(--twl-sem-text-brand-on-disabled));opacity:1}.tunwalai-auth-divider{color:var(--text-tertiary);align-items:center;gap:8px;margin:12px 0;font-size:16px;display:flex}.tunwalai-auth-divider:before,.tunwalai-auth-divider:after{background:var(--border-subtle);content:"";flex:1;height:1px}.tunwalai-auth-panel--login .tunwalai-auth-divider,.tunwalai-auth-panel--register .tunwalai-auth-divider{font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-sm);font-weight:500;line-height:var(--Body-font-line-height-sm);margin:16px 0}.tunwalai-auth-btn-social{border-radius:var(--twl-radius-md);justify-content:center;height:48px;min-height:48px;margin:0;padding:0 16px;font-size:18px}.tunwalai-auth-btn-facebook{--tunwalai-auth-button-background:#1877f2;--tunwalai-auth-button-background-active:#1464cc;--tunwalai-auth-button-background-hover:#166fe5;--tunwalai-auth-button-color:var(--twl-sem-text-static-white);background:var(--tunwalai-auth-button-background);color:var(--tunwalai-auth-button-color)}.tunwalai-auth-btn-facebook:hover:not(:disabled){background:var(--tunwalai-auth-button-background-hover)}.tunwalai-auth-btn-facebook:active:not(:disabled){background:var(--tunwalai-auth-button-background-active)}.tunwalai-auth-btn-facebook:disabled{background:var(--tunwalai-auth-button-background);color:var(--tunwalai-auth-button-color)}.tunwalai-auth-btn-facebook:focus-visible{outline-color:var(--tunwalai-auth-button-background)}.tunwalai-auth-panel--login .tunwalai-auth-btn-facebook,.tunwalai-auth-panel--register .tunwalai-auth-btn-facebook{border-radius:var(--twl-radius-full);font-family:var(--twl-font-db-helvethaica);justify-content:flex-start;gap:8px;height:44px;min-height:44px;padding:10px 16px;font-size:20px;font-weight:700;line-height:1}.tunwalai-auth-panel--login .tunwalai-auth-facebook-icon,.tunwalai-auth-panel--register .tunwalai-auth-facebook-icon{--Base-on-color:var(--twl-sem-text-static-white);fill:var(--twl-sem-text-static-white);flex:0 0 24px;width:24px;height:24px}.tunwalai-auth-switch{color:var(--text-primary);text-align:center;margin:16px 0 0;font-size:20px}.tunwalai-auth-panel--login .tunwalai-auth-switch,.tunwalai-auth-panel--register .tunwalai-auth-switch{color:var(--text-secondary);font-family:var(--twl-font-bai-jamjuree);font-size:var(--Body-font-size-md);font-weight:500;line-height:var(--Body-font-line-height-md);margin-top:16px}.tunwalai-auth-switch button{color:var(--brand-default);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.tunwalai-auth-switch button:disabled{cursor:not-allowed;opacity:.6}.tunwalai-auth-password-rules{flex-direction:column;gap:0;margin-top:2px;display:flex}.tunwalai-auth-rule{color:var(--text-tertiary);align-items:center;gap:8px;font-size:16px;line-height:1.2;display:flex}.tunwalai-auth-rule-icon{border:1px solid var(--border-default);border-radius:50%;flex:0 0 16px;width:16px;height:16px}.tunwalai-auth-rule.is-valid{color:var(--twl-sem-text-success-default)}.tunwalai-auth-rule.is-valid .tunwalai-auth-rule-icon{background:var(--twl-sem-bg-success-default);border-color:var(--twl-sem-bg-success-default);position:relative}.tunwalai-auth-rule.is-valid .tunwalai-auth-rule-icon:after{border-bottom:2px solid var(--twl-sem-text-static-white);border-right:2px solid var(--twl-sem-text-static-white);content:"";width:5px;height:9px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}@media (min-width:768px){.tunwalai-auth-dialog[data-panel=register]{height:min(49rem,100dvh - 2rem);overflow:hidden}.tunwalai-auth-body[data-panel=register]{height:100%}.tunwalai-auth-password-field{position:relative}.tunwalai-auth-password-rules{background:var(--Base-bg-raised,var(--background-raised));border-radius:var(--twl-radius-sm);box-shadow:var(--twl-elevation-xs);font-family:var(--twl-font-bai-jamjuree);opacity:0;pointer-events:none;visibility:hidden;z-index:2;gap:4px;width:100%;margin-top:0;padding:12px;transition:opacity .18s ease-out,transform .18s ease-out,visibility .18s;position:absolute;inset:calc(100% + 6px) 0 auto;transform:translateY(-4px)}.tunwalai-auth-password-rules:before{background:var(--Base-bg-raised,var(--background-raised));content:"";width:8px;height:8px;position:absolute;top:-4px;right:20px;transform:rotate(45deg)}.tunwalai-auth-password-rules.is-visible{opacity:1;visibility:visible;transform:translateY(0)}:-webkit-any(.tunwalai-auth-password-field:has(input:autofill) .tunwalai-auth-password-rules,.tunwalai-auth-password-field:has(input:-webkit-autofill) .tunwalai-auth-password-rules){opacity:0;visibility:hidden;transform:translateY(-4px)}:is(.tunwalai-auth-password-field:has(input:autofill) .tunwalai-auth-password-rules,.tunwalai-auth-password-field:has(input:autofill) .tunwalai-auth-password-rules){opacity:0;visibility:hidden;transform:translateY(-4px)}.tunwalai-auth-password-rules .tunwalai-auth-rule{font-size:var(--Body-font-size-md);line-height:var(--Body-font-line-height-md)}}@media (prefers-reduced-motion:reduce){.tunwalai-auth-password-rules{transition:none}}.tunwalai-turnstile-section{flex-direction:column;align-items:center;width:100%;margin-top:8px;display:flex}.tunwalai-turnstile-widget{background:var(--background-raised);border-radius:var(--twl-radius-sm);justify-content:center;width:100%;min-height:65px;display:flex;overflow:visible}.tunwalai-turnstile-widget iframe{max-width:100%;width:100%!important}.tunwalai-turnstile-error{color:var(--twl-sem-text-danger-default);width:100%;margin-top:4px;font-size:16px;line-height:1.2;display:none}.tunwalai-turnstile-error.is-visible{display:block}.tunwalai-turnstile-dev-message{color:var(--twl-sem-text-warning-default);text-align:center;width:100%;padding:6px 0;font-size:13px;line-height:1.3}.tunwalai-auth-success-state{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:16px;display:flex}.tunwalai-auth-success-art{background:radial-gradient(circle at 50% 28%,#ffe69f 0 24%,#0000 25%),radial-gradient(circle at 50% 68%,#ffd7de 0 32%,#0000 33%),linear-gradient(#fff5f5 0%,#fff 100%);border-radius:28px;width:147px;height:120px}.tunwalai-auth-success-state h4{color:var(--text-primary);margin:0;font-size:24px;line-height:1.15}.tunwalai-auth-success-state p{color:var(--text-primary);margin:0;font-size:20px;line-height:1.4}.tunwalai-auth-success-state span{color:var(--brand-default)}.spinner{animation:.8s linear infinite auth-spin}.tunwalai-pdpa-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--Static-Opacity-Black-70,var(--twl-ref-opacity-black-70));z-index:100300;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tunwalai-pdpa-transition{background:var(--Base-bg-raised,var(--background-raised));border:1px solid var(--Border-Neutral-default,var(--border-default));border-radius:var(--Radius-xl,var(--twl-radius-xl));box-shadow:var(--Elevation-md,var(--twl-elevation-md));box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:min(344px,100dvw - 32px);max-height:calc(100dvh - 48px);margin:auto;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.tunwalai-pdpa-transition::backdrop{background:0 0}.tunwalai-pdpa-header-icon{background:var(--brand-subtle);border-radius:var(--Radius-md,var(--twl-radius-md));color:var(--Icon-Brand-default,var(--brand-default));justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.tunwalai-pdpa-title{color:var(--Text-Neutral-primary,var(--text-primary));font-family:var(--Title-Page-font-family);font-size:var(--Title-Page-font-size-sm);font-weight:var(--font-weight-bold);text-wrap:balance;margin:16px 0 0;line-height:1}.tunwalai-pdpa-desc{color:var(--Text-Neutral-secondary,var(--text-secondary));font-family:var(--Body-font-family);font-size:var(--Body-font-size-md);font-weight:var(--font-weight-medium);line-height:var(--Body-font-line-height-md);text-wrap:pretty;max-width:38ch;margin:12px 0 0}.tunwalai-pdpa-spinner{color:var(--brand-default);margin-top:20px}.tunwalai-pdpa-action{width:100%;max-width:none;margin-top:20px}.tunwalai-pdpa-transition.is-action-required .tunwalai-pdpa-spinner{display:none}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (max-width:767.98px){.tunwalai-auth-backdrop{align-items:stretch;padding:0}.tunwalai-auth-dialog{box-shadow:none;border-radius:0;width:100vw;max-width:none;min-height:100dvh;max-height:none}.tunwalai-auth-dialog[data-panel=login],.tunwalai-auth-dialog[data-panel=register]{box-shadow:none;border-radius:0;height:100dvh;min-height:0}.tunwalai-auth-dialog[data-panel=login] .tunwalai-auth-close,.tunwalai-auth-close{color:var(--twl-sem-text-static-white);top:18px;right:18px}.tunwalai-auth-body{width:100vw;min-height:100dvh;display:block}.tunwalai-auth-brand{background-position:50% 58%;height:160px}.tunwalai-auth-form-area{border-radius:20px 20px 0 0;width:100vw;min-height:calc(100dvh - 143px);margin-top:-17px;padding:24px 24px 32px}.tunwalai-auth-body[data-panel=login] .tunwalai-auth-form-area,.tunwalai-auth-body[data-panel=register] .tunwalai-auth-form-area{border-radius:var(--twl-radius-xl) var(--twl-radius-xl) 0 0;min-height:calc(100dvh - 138px);margin-top:-22px;padding:24px 24px 32px}.tunwalai-auth-panel-header h3{font-size:32px}.tunwalai-auth-field label,.tunwalai-auth-input-wrap input,.tunwalai-auth-panel-header p,.tunwalai-auth-success-state p,.tunwalai-auth-switch{font-size:var(--Body-font-size-lg)}}