:root{--auth-flow-max-width:440px;--auth-compact-h:280px;--auth-pad-x:24px;--auth-ink:#13131a;--auth-muted:#6b6b70;--auth-line:rgba(19,19,26,0.12);--auth-error:#e05a42;--auth-success:#2e9c6a;--auth-focus:rgba(19,19,26,0.45);--auth-slide-duration:540ms;--auth-slide-ease:cubic-bezier(0.32,0.72,0,1);--auth-title-size:20px;--auth-sub-size:14px;--auth-cta-size:15px}body,html{margin:0;background:#ffffff;color:var(--auth-ink);-webkit-font-smoothing:antialiased}.auth-root,.auth-root *{box-sizing:border-box}body[data-auth-lang=en]{--font-display:Poppins,system-ui,sans-serif}body[data-auth-lang=th]{--font-display:Prompt,system-ui,sans-serif}.auth-root{font-family:var(--font-display)}:where(.auth-root) :where(button){border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}:where(.auth-root) :where(button:disabled){cursor:default}.auth-root button:focus-visible,.auth-root input:focus-visible{outline:2px solid var(--auth-focus);outline-offset:2px}:where(.auth-root) :where(input){font-family:var(--font-display)}.auth-root input::placeholder{color:rgba(19,19,26,.28)}:where(.auth-root) :where(input:focus){outline:none;border-color:rgba(19,19,26,.4)}.auth-page{box-sizing:border-box;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#ffffff}.auth-card{position:relative;width:100%;max-width:var(--auth-flow-max-width);height:100dvh}.auth-card,.auth-curtain{overflow:hidden;display:flex;flex-direction:column;background:#ffffff}.auth-curtain{position:absolute;left:0;right:0;bottom:0;height:var(--auth-compact-h);transition:height var(--auth-slide-duration) var(--auth-slide-ease)}.auth-curtain[data-expanded=true]{height:100%}.auth-stage-pad{padding:8px var(--auth-pad-x) var(--auth-pad-x)}.auth-compact-pad{padding:28px var(--auth-pad-x) 0}.auth-logo{display:block;width:190px;height:28.6px;margin-bottom:18px}.auth-title{margin:0;font-size:var(--auth-title-size);font-weight:600;line-height:1.3;color:var(--auth-ink)}.auth-sub{margin:0;padding-top:12px;font-size:var(--auth-sub-size);font-weight:400;line-height:1.5;color:var(--auth-muted)}.auth-sub[data-tight=true]{padding-top:0}.auth-sub strong{font-weight:600;color:var(--auth-ink)}.auth-label{font-size:var(--auth-sub-size);font-weight:500}.auth-hint,.auth-label{margin:0;color:var(--auth-muted)}.auth-hint{font-size:12.5px}.auth-consent-body{margin-top:20px;max-height:46vh;overflow-y:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--auth-line);border-radius:12px;background:#fbfbfc;font-size:13px;line-height:1.7;color:var(--auth-muted)}.auth-consent-body p{margin:0}.auth-consent-body p+p{margin-top:12px}.auth-consent-pad{display:flex;flex:1 1;flex-direction:column;min-height:0}.auth-consent-pad .auth-consent-body{flex:1 1 auto;min-height:140px;max-height:none}.auth-consent{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid var(--auth-line);border-radius:12px;cursor:pointer}.auth-consent:hover{border-color:rgba(19,19,26,.24)}.auth-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:20px;height:20px;margin:1px 0 0;flex:0 0 auto;border:1.5px solid var(--auth-line);border-radius:6px;background:#ffffff;cursor:pointer;transition:background .18s,border-color .18s}.auth-checkbox:hover{border-color:rgba(19,19,26,.24)}.auth-checkbox:checked{background:var(--auth-ink);border-color:var(--auth-ink)}.auth-checkbox:checked:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-consent-text{font-size:13.5px;line-height:1.55;color:var(--auth-ink)}.auth-consent-text a{color:var(--auth-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.auth-field{width:100%;height:51.5px;padding:13px 14px;border:1px solid var(--auth-line);border-radius:12px;background:#ffffff;font-size:15px;font-weight:400;color:var(--auth-ink);transition:border-color .18s,background .18s}.auth-field:hover:not(:disabled):not([readonly]){border-color:rgba(19,19,26,.24)}.auth-phone-wrap{display:flex;align-items:center;margin-top:20px;overflow:hidden;border:1px solid var(--auth-line);border-radius:12px;background:#ffffff}.auth-phone-wrap[data-error=true]{border-color:var(--auth-error)}.auth-phone-prefix{flex:0 0 auto;padding:13px 14px;border-right:1px solid var(--auth-line);font-size:15px;color:var(--auth-ink)}.auth-phone-wrap .auth-field{flex:1 1;min-width:0;height:auto;border:0;border-radius:0}.auth-field[data-locked=true]{background:#f6f5f8;color:var(--auth-muted)}.auth-field[data-error=true]{border-color:var(--auth-error)}.auth-field[data-valid=true]{border-color:var(--auth-success)}.auth-field-wrap{position:relative}.auth-field-wrap .auth-field{padding-right:42px}.auth-field-adornment{position:absolute;top:50%;right:14px;display:flex;transform:translateY(-50%);pointer-events:none}.auth-cta-wrap{flex:0 0 auto;padding:20px 16px 0}.auth-cta-secondary{display:flex;width:100%;height:48px;align-items:center;justify-content:center;margin-top:8px;border-radius:999px;font-size:var(--auth-cta-size);font-weight:500;color:var(--auth-muted)}.auth-cta-secondary:hover:not(:disabled){color:var(--auth-ink)}.auth-cta{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;padding:15px 0;border-radius:888px;background:var(--auth-ink);color:#ffffff;font-size:var(--auth-cta-size);font-weight:600;line-height:22.5px;transition:background .2s,transform .12s,color .2s}.auth-cta:hover:not(:disabled):not([data-invalid=true]){background:#2b2b35}.auth-cta:active:not(:disabled):not([data-invalid=true]){transform:scale(.985)}.auth-cta[data-invalid=true]{background:rgba(19,19,26,.15);color:rgba(19,19,26,.35)}.auth-icon-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:999px;touch-action:manipulation;transition:background .18s,opacity .18s}.auth-icon-btn:hover:not(:disabled){background:rgba(19,19,26,.06)}.auth-icon-btn:disabled{opacity:.35}.auth-lang-btn{position:absolute;top:14px;right:14px;z-index:20;display:flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:999px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(19,19,26,.08);font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--auth-ink);transition:background .18s,border-color .18s}.auth-lang-btn:hover{background:#ffffff;border-color:rgba(19,19,26,.2)}.auth-provider-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:12px;padding:13px 16px;border:1px solid var(--auth-line);border-radius:888px;background:#ffffff;font-size:15px;font-weight:600;color:var(--auth-ink);transition:background .18s,border-color .18s}.auth-provider-btn:hover:not(:disabled){background:#f7f7f9;border-color:rgba(19,19,26,.24)}.auth-google-host{display:flex;width:100%;min-height:48px;align-items:center;justify-content:center;border-radius:888px;overflow:hidden;color-scheme:light}.auth-google-host iframe,.auth-google-host>div{width:100%!important}.auth-webview-notice{margin:0;padding-bottom:2px;font-size:13px;line-height:1.5;color:var(--auth-muted)}.auth-text-btn{align-self:flex-start;font-size:14px;font-weight:500;color:var(--auth-ink);text-decoration:underline}.auth-resend{display:flex;width:100%;align-items:center;justify-content:center;padding:16px 0 4px;font-size:14px;color:rgba(19,19,26,.35)}.auth-resend:not(:disabled){color:var(--auth-ink)}.auth-resend:not(:disabled):hover{text-decoration:underline}.auth-otp{display:flex;align-items:center;gap:8px;margin-top:20px;max-width:372px}.auth-otp-input{flex:1 1;min-width:0;max-width:56px;aspect-ratio:1/1;text-align:center;background:#ffffff;border:1px solid var(--auth-line);border-radius:12px;font-size:20px;color:var(--auth-ink);transition:border-color .18s}.auth-otp-input[data-error=true]{border-color:var(--auth-error)}.auth-error-text{color:var(--auth-error)}.auth-error-text,.auth-success-text{margin:0;padding-top:8px;font-size:13px}.auth-success-text{color:var(--auth-success)}.auth-field-group>.auth-error-text,.auth-field-group>.auth-success-text{padding-top:0}.auth-avatar-btn{position:relative;width:88px;height:88px;flex:0 0 auto;border-radius:44px;overflow:hidden;border:1px solid rgba(19,19,26,.08);background:#f6f5f8}.auth-avatar-btn,.auth-avatar-overlay{display:flex;align-items:center;justify-content:center}.auth-avatar-overlay{position:absolute;inset:0;padding:0 6px;text-align:center;background:rgba(19,19,26,.55);color:#ffffff;font-size:11.5px;font-weight:600;line-height:1.25;opacity:0;transition:opacity .18s}.auth-avatar-btn:focus-visible .auth-avatar-overlay,.auth-avatar-btn:hover .auth-avatar-overlay{opacity:1}.auth-home-indicator{display:flex;width:100%;align-items:center;justify-content:center;padding:16px 0 8px;flex:0 0 auto}.auth-home-indicator span{height:5px;width:139px;border-radius:100px;background:rgba(19,19,26,.25)}@keyframes auth-ken-burns{0%{transform:translateZ(0) scale(1) translate(0)}to{transform:translateZ(0) scale(1.12) translate(-8px,-10px)}}.auth-hero-img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;animation:auth-ken-burns 10s ease-in-out infinite alternate;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.auth-hero-img[data-hero=invite]{object-position:center 40%}.auth-gradient-fade{position:absolute;left:0;right:0;bottom:var(--auth-compact-h);height:132px;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.35) 42%,rgba(255,255,255,.78) 72%,rgba(255,255,255,.96) 90%,#ffffff);transition:bottom var(--auth-slide-duration) var(--auth-slide-ease),opacity var(--auth-slide-duration) var(--auth-slide-ease)}.auth-gradient-fade[data-expanded=true]{bottom:100%;opacity:0}@keyframes auth-in-right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes auth-in-left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes auth-out-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes auth-out-right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.auth-stage{position:absolute;inset:0;display:flex;flex-direction:column;overflow-y:auto;animation-duration:var(--auth-slide-duration);animation-timing-function:var(--auth-slide-ease);animation-fill-mode:both;will-change:transform}.auth-stage[data-anim=in-forward]{animation-name:auth-in-right}.auth-stage[data-anim=in-back]{animation-name:auth-in-left}.auth-stage[data-anim=out-forward]{animation-name:auth-out-left}.auth-stage[data-anim=hold-right],.auth-stage[data-anim=out-back]{animation-name:auth-out-right}.auth-stage[data-anim=hold-left]{animation-name:auth-out-left}@keyframes auth-spin{to{transform:rotate(1turn)}}.auth-spin{animation:auth-spin .8s linear infinite;transform-origin:50% 50%}@keyframes auth-fade-in{0%{opacity:0}to{opacity:1}}@keyframes auth-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes auth-modal-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.auth-sheet-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;background:rgba(0,0,0,.4);animation:auth-fade-in .35s cubic-bezier(.16,1,.3,1) both}.auth-sheet-overlay[data-closing=true]{animation-direction:reverse}.auth-sheet-panel{position:relative;width:100%;max-width:var(--auth-flow-max-width);margin:0 auto;display:flex;flex-direction:column;background:#ffffff;border-radius:20px 20px 0 0;box-shadow:0 -4px 32px rgba(0,0,0,.15);padding:12px 16px 24px;outline:none;animation:auth-sheet-up .35s cubic-bezier(.16,1,.3,1) both}.auth-sheet-panel[data-closing=true]{animation-direction:reverse}.auth-sheet-grabber{display:flex;justify-content:center;padding-bottom:8px}.auth-sheet-grabber span{width:36px;height:4px;border-radius:999px;background:rgba(19,19,26,.15)}.auth-modal-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px}.auth-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--auth-ink)}.auth-modal-title small{display:block;padding-top:4px;font-size:13px;font-weight:400;color:var(--auth-muted)}@media (min-width:768px){:root{--auth-title-size:24px;--auth-sub-size:15px;--auth-cta-size:16px;--auth-flow-max-width:560px;--auth-compact-h:300px;--auth-pad-x:40px}.auth-page,body,html{background:#f3f3f5}.auth-page{padding:24px}.auth-card{height:min(100dvh - 64px,720px);border-radius:32px;box-shadow:0 24px 64px -24px rgba(19,19,26,.35),0 2px 8px -2px rgba(19,19,26,.12)}.auth-home-indicator{display:none}.auth-cta-wrap{padding:24px var(--auth-pad-x) 32px}.auth-stage-pad{margin-block:auto}.auth-otp{gap:12px}.auth-otp,.auth-otp-input,.auth-resend{max-width:none}.auth-sheet-overlay{align-items:center;justify-content:center;padding:24px}.auth-sheet-panel{max-width:460px;border-radius:20px;box-shadow:0 24px 64px -20px rgba(0,0,0,.35);padding:20px 20px 24px;animation-name:auth-modal-in;animation-duration:.26s}.auth-sheet-grabber{display:none}}.auth-hero-wrap{position:relative;flex:1 1;overflow:hidden}@media (min-width:768px){:root{--auth-wide-max-width:1040px;--auth-wide-pad:20px;--auth-wide-radius:24px}.auth-card{transition:max-width var(--auth-slide-duration) var(--auth-slide-ease),height var(--auth-slide-duration) var(--auth-slide-ease),padding var(--auth-slide-duration) var(--auth-slide-ease)}.auth-hero-wrap{transition:flex-basis var(--auth-slide-duration) var(--auth-slide-ease),margin-right var(--auth-slide-duration) var(--auth-slide-ease),opacity var(--auth-slide-duration) var(--auth-slide-ease),border-radius var(--auth-slide-duration) var(--auth-slide-ease)}.auth-card[data-mode=wide]{flex-direction:row;max-width:var(--auth-wide-max-width);height:min(100dvh - 48px,660px);padding:var(--auth-wide-pad)}.auth-card[data-mode=wide] .auth-hero-wrap{flex:0 1 46%;min-width:0;margin-right:var(--auth-wide-pad);border-radius:var(--auth-wide-radius);background:var(--auth-ink)}.auth-card[data-mode=wide] .auth-curtain{position:static;height:auto;flex:1 1 54%;min-width:0;justify-content:center}.auth-card[data-mode=wide] .auth-compact-pad{width:100%;max-width:440px;margin:auto;padding:0 var(--auth-wide-pad)}.auth-card[data-mode=wide] .auth-gradient-fade{display:none}.auth-card[data-mode=wide] .auth-lang-btn{top:calc(var(--auth-wide-pad) + 12px);right:calc(var(--auth-wide-pad) + 12px)}.auth-card[data-mode=wide][data-collapsed=true]{max-width:560px;height:min(100dvh - 64px,720px);padding:0}.auth-card[data-mode=wide][data-collapsed=true] .auth-hero-wrap{flex-basis:0;margin-right:0;opacity:0;border-radius:0}}@media (max-width:767px){.auth-card,.auth-sheet-panel{max-width:none}}