.cp-auth{--cp-bg:#fcf7f0;--cp-ink:#374375;--cp-ink-muted:rgba(55,67,117,0.66);--cp-hairline:rgba(55,67,117,0.12);--cp-sage:#679267;--cp-sage-dark:#5c845c;--cp-peach:#c67b5c;--cp-lavender:#8fa6a0;background-color:var(--cp-bg);color:var(--cp-ink)}body:has(.cp-auth){background-color:#fcf7f0}.cp-aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.cp-aurora span{position:absolute;border-radius:50%;will-change:transform}.cp-aurora span:first-child{top:-22%;left:-14%;width:max(58vw,460px);height:max(58vw,460px);background:radial-gradient(circle,rgba(103,146,103,.22) 0,rgba(103,146,103,0) 65%);animation:cp-drift-a 26s ease-in-out infinite alternate}.cp-aurora span:nth-child(2){top:4%;right:-20%;width:max(55vw,420px);height:max(55vw,420px);background:radial-gradient(circle,rgba(198,123,92,.18) 0,rgba(198,123,92,0) 65%);animation:cp-drift-b 32s ease-in-out infinite alternate}.cp-aurora span:nth-child(3){bottom:-30%;left:20%;width:max(62vw,500px);height:max(62vw,500px);background:radial-gradient(circle,rgba(143,166,160,.2) 0,rgba(143,166,160,0) 65%);animation:cp-drift-c 38s ease-in-out infinite alternate}@keyframes cp-drift-a{to{transform:translate(7vw,6vh) scale(1.1)}}@keyframes cp-drift-b{to{transform:translate(-6vw,10vh) scale(.95)}}@keyframes cp-drift-c{to{transform:translate(6vw,-8vh) scale(1.08)}}.cp-display{font-size:clamp(2rem,4.2vw,3.1rem);font-weight:700;letter-spacing:-.025em;line-height:1.06}.locale-th .cp-display{letter-spacing:0;line-height:1.24}.cp-muted{color:var(--cp-ink-muted)}.cp-card,.cp-panel,.cp-pill{position:relative;background:rgba(255,255,255,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:none;box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 0 0 1px rgba(55,67,117,.06),0 12px 40px rgba(55,67,117,.1)}.cp-card:before,.cp-panel:before,.cp-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.4) 20%,rgba(255,255,255,.05) 40%,rgba(255,255,255,.05) 60%,rgba(255,255,255,.4) 80%,rgba(255,255,255,.95));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cp-card{background:rgba(255,255,255,.72);border-radius:28px;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 0 0 1px rgba(55,67,117,.07),0 24px 60px rgba(55,67,117,.14)}.cp-panel{border-radius:22px}.cp-pill{border-radius:9999px}.cp-tile{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:14px}.cp-tile-sage{background:rgba(103,146,103,.14);color:var(--cp-sage-dark)}.cp-tile-peach{background:rgba(198,123,92,.15);color:#a75f42}.cp-tile-lavender{background:rgba(143,166,160,.2);color:#5f7a74}.cp-tile-ink{background:rgba(55,67,117,.1);color:var(--cp-ink)}.cp-field{width:100%;height:3.25rem;padding:0 1rem;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(55,67,117,.14);color:var(--cp-ink);font-size:1rem;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.cp-field::placeholder{color:rgba(55,67,117,.35)}.cp-field:focus{outline:none;background:#ffffff;border-color:rgba(103,146,103,.7);box-shadow:0 0 0 4px rgba(103,146,103,.16)}.cp-field:disabled{opacity:.6}.cp-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.cp-otp .cp-field{min-width:0;padding:0;height:3.5rem;text-align:center;font-size:1.375rem;font-weight:600;font-variant-numeric:tabular-nums}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.cp-btn:disabled{opacity:.55;cursor:not-allowed}.cp-btn:not(:disabled):active{transform:scale(.98)}.cp-btn-primary{background-color:var(--cp-sage);color:#ffffff;box-shadow:inset 0 1px 1px rgba(255,255,255,.3),0 10px 24px rgba(103,146,103,.28)}.cp-btn-primary:not(:disabled):hover{background-color:var(--cp-sage-dark)}.cp-btn-outline{background:rgba(255,255,255,.5);color:var(--cp-ink);border:1px solid rgba(55,67,117,.16)}.cp-btn-outline:not(:disabled):hover{background:rgba(255,255,255,.8);border-color:rgba(55,67,117,.3)}.cp-btn-ghost{color:var(--cp-ink-muted)}.cp-btn-ghost:not(:disabled):hover{color:var(--cp-ink);background:rgba(255,255,255,.6)}.cp-link{color:var(--cp-sage-dark);font-weight:600;text-underline-offset:3px}.cp-link:hover{text-decoration:underline}.cp-alert{display:flex;align-items:flex-start;gap:.5rem;border-radius:16px;padding:.75rem .9rem;font-size:.875rem;line-height:1.45}.cp-alert-error{background:rgba(184,71,60,.09);border:1px solid rgba(184,71,60,.22);color:#93372e}.cp-alert-success{background:rgba(103,146,103,.12);border:1px solid rgba(103,146,103,.3);color:#3f6440}.cp-step-num{display:grid;place-items:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:9999px;background:rgba(255,255,255,.85);border:1px solid var(--cp-hairline);color:var(--cp-sage-dark);font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}.cp-ticks{height:10px;background-image:repeating-linear-gradient(90deg,var(--cp-hairline) 0 1px,transparent 1px 14px)}.cp-spinner{border-radius:9999px;border-style:solid;border-color:transparent currentColor currentColor;animation:cp-spin .7s linear infinite}@keyframes cp-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.cp-auth *,.cp-auth :after,.cp-auth :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cp-auth .cp-spinner{animation-duration:1.4s!important;animation-iteration-count:infinite!important}}