.auth-scope{--auth-cream:#fff3e4;--auth-cream-light:#fffaf1;--auth-cream-deep:#ffe9d2;--auth-rose-pink:#f5a5bb;--auth-rose-deep:#e07b95;--auth-rose-soft:#ffd1de;--auth-cocoa:#4a2a1c;--auth-cocoa-soft:#7a5440;--auth-tan:#a8785a;--auth-paw-line:#e57a916b;--auth-divider:#a06e5a38;isolation:isolate;width:100%;min-height:100vh;font-family:var(--font-kanit), "IBM Plex Sans Thai", system-ui, sans-serif;color:var(--auth-cocoa);background-color:var(--auth-cream);justify-content:flex-end;align-items:center;padding:24px clamp(80px,14vw,220px) 24px clamp(24px,5vw,80px);display:flex;position:relative}.auth-scope:before{content:"";z-index:-2;background-image:var(--auth-bg-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:var(--auth-cream);transform:translate3d(calc(var(--auth-mx,0) * -10px), calc(var(--auth-my,0) * -10px), 0);will-change:transform;transition:transform .18s ease-out;position:fixed;inset:-3%}.auth-scope:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 38%,#fff3e459 55%,#ffe9d28c 100%);position:fixed;inset:0}.auth-petals{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth-petal{filter:blur(1.5px);transform-origin:50%;will-change:transform;--tx:calc(var(--auth-mx,0) * var(--depth,16) * -1px);--ty:calc(var(--auth-my,0) * var(--depth,16) * -1px);transform:translate3d(var(--tx), var(--ty), 0) rotate(var(--petal-rot,0deg));border-radius:60% 40% 50% 50%/50% 50% 60% 40%;transition:transform .22s ease-out;position:absolute}.auth-card-v2{-webkit-backdrop-filter:blur(18px)saturate(140%);background:linear-gradient(#fffaf1f5,#fff3e4f0);border:1px solid #e5c8af61;border-radius:28px;width:min(560px,100%);max-height:calc(100vh - 48px);padding:clamp(36px,5vw,56px) clamp(28px,4vw,56px);animation:.65s cubic-bezier(.16,1,.3,1) both auth-card-enter;position:relative;overflow-y:auto;box-shadow:0 30px 80px #4a2a1c29,0 8px 22px #4a2a1c1a,inset 0 1px #ffffffb3}@keyframes auth-card-enter{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.96)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.auth-scope:before{animation:.7s ease-out both auth-bg-fade}@keyframes auth-bg-fade{0%{opacity:.55}to{opacity:1}}.auth-card-v2>*{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) both auth-child-rise}@keyframes auth-child-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.auth-card-v2>:first-child{animation-delay:.18s}.auth-card-v2>:nth-child(2){animation-delay:.24s}.auth-card-v2>:nth-child(3){animation-delay:.3s}.auth-card-v2>:nth-child(4){animation-delay:.36s}.auth-card-v2>:nth-child(5){animation-delay:.42s}.auth-card-v2>:nth-child(n+6){animation-delay:.48s}.auth-card-v2 form>*{opacity:0;animation:.55s cubic-bezier(.16,1,.3,1) both auth-child-rise}.auth-card-v2 form>:first-child{animation-delay:.34s}.auth-card-v2 form>:nth-child(2){animation-delay:.4s}.auth-card-v2 form>:nth-child(3){animation-delay:.46s}.auth-card-v2 form>:nth-child(4){animation-delay:.52s}.auth-card-v2 form>:nth-child(5){animation-delay:.58s}.auth-card-v2 form>:nth-child(6){animation-delay:.64s}.auth-card-v2 form>:nth-child(7){animation-delay:.7s}.auth-card-v2 form>:nth-child(n+8){animation-delay:.76s}@media (prefers-reduced-motion:reduce){.auth-card-v2,.auth-card-v2>*,.auth-card-v2 form>*,.auth-scope:before{animation:none!important}}.auth-card-v2::-webkit-scrollbar{width:6px}.auth-card-v2::-webkit-scrollbar-track{background:0 0}.auth-card-v2::-webkit-scrollbar-thumb{background:#e57a9147;border-radius:999px}.auth-paw-row{color:var(--auth-paw-line);justify-content:center;align-items:center;gap:14px;margin-bottom:18px;display:flex}.auth-paw-row svg{flex:none}.auth-paw-row:before,.auth-paw-row:after{content:"";flex:0 0 56px;height:1px}.auth-paw-row:before{background:linear-gradient(90deg, transparent 0%, var(--auth-paw-line) 100%)}.auth-paw-row:after{background:linear-gradient(270deg, transparent 0%, var(--auth-paw-line) 100%)}.auth-title-v2{font-family:var(--font-cormorant), "Cormorant Garamond", serif;letter-spacing:-.5px;text-align:center;color:var(--auth-cocoa);margin:0;font-size:clamp(40px,4vw,56px);font-weight:600;line-height:1.05}.auth-subtitle{text-align:center;color:var(--auth-rose-deep);letter-spacing:.3px;justify-content:center;align-items:center;gap:10px;margin:12px 0 32px;font-size:14px;font-weight:500;display:flex}.auth-subtitle:before,.auth-subtitle:after{content:"✦";color:var(--auth-rose-pink);opacity:.9;font-size:10px}.auth-field-v2{margin-bottom:14px;display:block;position:relative}.auth-field-v2 input{width:100%;height:54px;font:inherit;color:var(--auth-cocoa);background:#fffcf5d9;border:1px solid #e5c8af7a;border-radius:999px;outline:none;padding:0 48px 0 52px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-field-v2 input:focus{border-color:var(--auth-rose-pink);background:#fffffff5;box-shadow:0 0 0 4px #e57a9124}.auth-field-v2 input:disabled{opacity:.6;cursor:not-allowed}.auth-field-v2 .auth-field-icon{color:var(--auth-tan);pointer-events:none;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.auth-field-v2 .auth-field-action{color:var(--auth-tan);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:6px;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.auth-field-v2 .auth-field-action:hover{color:var(--auth-rose-deep);background:#e57a911f}.auth-remember-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 4px 22px;font-size:13.5px;display:flex}.auth-checkbox{color:var(--auth-cocoa-soft);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.auth-checkbox input{opacity:0;pointer-events:none;position:absolute}.auth-checkbox-box{background:linear-gradient(135deg, var(--auth-rose-pink), var(--auth-rose-deep));color:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;transition:transform .2s;display:grid;box-shadow:0 6px 14px #e57a9166}.auth-checkbox input:not(:checked)~.auth-checkbox-box{color:#0000;background:#fffcf5eb;box-shadow:inset 0 0 0 1.5px #e5c8afb3}.auth-checkbox:hover .auth-checkbox-box{transform:scale(1.05)}.auth-link{color:var(--auth-rose-deep);letter-spacing:.2px;font-weight:600;text-decoration:none;transition:color .2s}.auth-link:hover{color:var(--auth-cocoa);text-underline-offset:3px;text-decoration:underline}.auth-cta-v2{cursor:pointer;color:#fffcf5;letter-spacing:.4px;background:linear-gradient(135deg,#f5a5bb 0%,#e07b95 50%,#c95c7e 100%);border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-family:inherit;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 18px 36px #e57a916b,inset 0 1px #ffffff73,inset 0 -2px #963c502e}.auth-cta-v2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 24px 48px #e57a9185,inset 0 1px #ffffff8c}.auth-cta-v2:active:not(:disabled){transform:translateY(0)}.auth-cta-v2:disabled{opacity:.65;cursor:not-allowed}.auth-divider-v2{text-align:center;letter-spacing:.4px;color:var(--auth-cocoa-soft);justify-content:center;align-items:center;gap:14px;margin:26px 0 18px;font-size:12.5px;font-weight:500;display:flex;position:relative}.auth-divider-v2:before,.auth-divider-v2:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--auth-divider) 50%, transparent 100%);flex:auto;height:1px}.auth-divider-v2 span{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.auth-divider-v2 span:before,.auth-divider-v2 span:after{content:"✦";color:var(--auth-rose-pink);font-size:9px}.auth-social-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.auth-social-btn{height:48px;color:var(--auth-cocoa);cursor:pointer;background:#fffcf5e6;border:1px solid #e5c8af8c;border-radius:14px;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.auth-social-btn:hover{background:#fffffffa;border-color:#e57a9173;transform:translateY(-2px)}.auth-social-btn svg{flex:none}.auth-foot-v2{text-align:center;color:var(--auth-cocoa-soft);margin-top:22px;font-size:13.5px}.auth-foot-v2 a{color:var(--auth-rose-deep);margin-left:4px;font-weight:700;text-decoration:none}.auth-foot-v2 a:hover{text-underline-offset:3px;text-decoration:underline}.auth-banner{text-align:center;border-radius:14px;margin-bottom:18px;padding:10px 16px;font-size:13px}.auth-banner-ok{color:#1f5c41;background:#a8e6cf52;border:1px solid #3ab79157}.auth-banner-err{color:#9c2640;background:#ffd1de80;border:1px solid #e57a9180}.auth-banner-info{color:#8a4810;background:#ffe0c68c;border:1px solid #f5a55773}@media (max-width:860px){.auth-scope{justify-content:center;align-items:flex-start;padding:clamp(120px,28vw,240px) 16px 24px}.auth-scope:before{background-position:top}.auth-scope:after{background:linear-gradient(#0000 0%,#fff3e466 30%,#ffe9d2d9 60%,#ffe9d2f2 100%)}.auth-card-v2{width:100%;max-width:480px;margin-bottom:24px}}@media (max-width:480px){.auth-social-row{grid-template-columns:1fr}.auth-social-btn{height:44px}}.auth-scope[data-auth-route=login]{--auth-bg-image:url(/auth/login-bg.webp)}.auth-scope[data-auth-route=register]{--auth-bg-image:url(/auth/register-bg.webp)}.auth-scope[data-auth-route=forgot],.auth-scope[data-auth-route=reset],.auth-scope[data-auth-route=verify]{--auth-bg-image:url(/auth/login-bg.webp)}.auth-turnstile{justify-content:center;min-height:65px;margin:14px 0 4px;display:flex}.auth-scope{--auth-cream:var(--hm-bg);--auth-cream-light:var(--hm-panel);--auth-cream-deep:var(--hm-soft);--auth-cocoa:var(--hm-ink);--auth-cocoa-soft:var(--hm-ink-soft);--auth-tan:var(--hm-ink-soft);--auth-rose-deep:#b95346;--auth-divider:var(--hm-line);min-height:100svh;padding-top:100px;padding-bottom:40px}.auth-brand-nav{z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}.auth-brand-nav>a{color:var(--auth-cocoa);letter-spacing:-.06em;font-size:26px;font-weight:700;text-decoration:none}.auth-brand-nav>a span{color:#e87567}.auth-brand-nav small{letter-spacing:.04em;color:var(--auth-cocoa-soft);font-size:11px;font-weight:400;display:block}.auth-card-v2{background:var(--hm-panel);border-color:var(--hm-line);-webkit-backdrop-filter:none;border-radius:24px;max-height:none;animation:.35s ease-out both auth-child-rise;overflow:visible;box-shadow:0 16px 64px #38271f12}.auth-title-v2{font-family:var(--font-kanit), sans-serif;letter-spacing:-.03em;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.35}.auth-paw-row{margin-bottom:18px}.auth-paw-row svg{color:#d56c5e;width:21px;height:21px}.auth-subtitle{letter-spacing:0;color:var(--auth-cocoa-soft);font-size:14px}.auth-subtitle:before,.auth-subtitle:after{content:none}.auth-field-v2 input{background:var(--hm-field-bg);border-color:var(--hm-field-border);color:var(--hm-ink);border-radius:12px;font-size:16px}.auth-field-v2 input::placeholder{color:var(--hm-field-placeholder);opacity:1}.auth-field-v2 input:focus{background:var(--hm-field-bg);border-color:var(--hm-field-focus);box-shadow:0 0 0 3px var(--hm-field-ring)}.auth-cta-v2{background:#b95346;border-radius:12px;box-shadow:0 5px 15px #b953461c}.auth-cta-v2:hover:not(:disabled){background:#a64439;box-shadow:0 8px 20px #b9534626}.auth-social-btn{background:var(--hm-panel);border-color:var(--hm-line);border-radius:12px}.auth-social-btn:hover{background:var(--hm-soft)}.auth-checkbox input:not(:checked)~.auth-checkbox-box{background:var(--hm-panel);border-color:var(--hm-line)}.auth-checkbox input:focus-visible~.auth-checkbox-box{outline-offset:3px;outline:3px solid #d56c5e}.auth-card-v2>*,.auth-card-v2 form>*{opacity:1;animation:none}.auth-scope:before{will-change:auto}.dark .auth-scope{--auth-rose-deep:#ffab9c}.dark .auth-scope:after{background:linear-gradient(100deg,#14110d50,#14110dbf 65%,#14110df0)}.dark .auth-banner-ok{color:#a8e6cf;background:#214237}.dark .auth-banner-err{color:#ffc0c0;background:#4a2728}.dark .auth-banner-info{color:#ffdcaf;background:#463422}@media (max-width:860px){.auth-scope{padding:112px 20px 32px}.auth-card-v2{padding:28px 24px}.auth-petals{display:none}.auth-scope:before{transform:none}.dark .auth-scope:after{background:#14110dbf}}@media (prefers-reduced-motion:reduce){.auth-card-v2{animation:none}}