.ty-auth-page{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(900px 520px at 12% 18%,rgba(110,36,59,.28),transparent 70%),radial-gradient(700px 460px at 86% 8%,rgba(209,138,58,.12),transparent 68%),var(--ty-night)!important;background-attachment:scroll!important}
.login-experience{width:min(1440px,100%);flex:1 0 auto;margin:auto;padding:clamp(24px,3vw,44px);display:grid;grid-template-columns:minmax(0,3fr) minmax(340px,2fr);grid-template-areas:"feature login";gap:clamp(24px,3vw,48px);align-items:start}
.login-card{grid-area:login;width:100%;position:sticky;top:calc(75px + 3vw);margin:0;padding:clamp(24px,3vw,36px)}
.early-testing{grid-area:feature;min-width:0}.early-testing-intro{max-width:780px;margin-bottom:24px}.early-testing-intro .eyebrow{margin:0;color:var(--ty-gold);font-weight:800;letter-spacing:.16em}.early-testing-intro h2{margin:.35rem 0 .65rem;font-family:var(--display);font-size:clamp(2rem,4vw,3.65rem);line-height:1.02;letter-spacing:-.045em;color:var(--ty-ivory)}.early-testing-intro>p:not(.eyebrow){max-width:760px;color:var(--ty-beige);font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.7}.early-testing-intro .video-duration{color:var(--ty-gold)!important;font-size:.9rem!important;font-weight:700}
.early-testing-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);gap:18px;align-items:start}.guide-card,.feedback-card{min-width:0;border:1px solid var(--ty-edge);border-radius:20px;background:var(--ty-panel);box-shadow:var(--ty-shadow);overflow:hidden}.guide-video-frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#120c0b}.guide-video-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%;background:#120c0b}.guide-play{position:absolute;inset:0;width:100%;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:linear-gradient(180deg,transparent 28%,rgba(16,8,10,.76));color:#fff;cursor:pointer;font-weight:800;text-align:center;text-shadow:0 2px 10px #000}.guide-play:hover .guide-play-icon{transform:scale(1.06)}.guide-play-icon{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border:2px solid rgba(255,255,255,.84);border-radius:50%;background:rgba(110,36,59,.9);box-shadow:0 12px 32px rgba(0,0,0,.45);transition:transform .18s ease}.guide-caption{padding:15px 18px}.guide-caption strong{color:var(--ty-ivory)}.guide-caption p{min-height:1.4em;margin:.3rem 0 0;color:var(--ty-beige);font-size:.86rem}
.feedback-card{padding:18px;margin-block-start:-20px}.feedback-card h3{margin:0 0 4px;color:var(--ty-ivory);font-size:1.2rem}.feedback-card>p{margin:0 0 9px;color:var(--ty-beige);font-size:.86rem;line-height:1.45}.feedback-form{display:grid;gap:8px}.feedback-form label{display:grid;gap:4px;color:var(--ty-ivory);font-size:.8rem;font-weight:700}.feedback-form :is(textarea,input){box-sizing:border-box;width:100%;min-width:0;border:1px solid rgba(216,185,119,.28);border-radius:12px;background:#160f0e;color:var(--ty-ivory);padding:10px;font:inherit}.feedback-form textarea{min-height:112px;resize:vertical}.feedback-form .btn{width:100%;min-height:44px}.feedback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.feedback-verification{display:grid;gap:5px;color:var(--ty-ivory);font-size:.8rem;font-weight:700}.feedback-turnstile{width:100%;min-width:0}.feedback-turnstile[data-widget-size="compact"]{width:150px;justify-self:center}.feedback-status{min-height:1.4em;margin:0;color:var(--ty-beige);font-size:.84rem}.feedback-status[data-state="success"]{color:var(--ty-success)}.feedback-status[data-state="error"]{color:var(--ty-danger)}
@media(max-width:1100px){.login-experience{grid-template-columns:minmax(0,1fr) minmax(330px,.78fr)}.early-testing-cards{grid-template-columns:1fr}.guide-video-frame{aspect-ratio:16/10}.feedback-card{margin-block-start:0}}
@media(max-width:799px){.login-experience{padding:18px 14px 46px;grid-template-columns:minmax(0,1fr);grid-template-areas:"login" "feature";gap:24px}.login-card{position:static}.early-testing-intro{margin-bottom:18px}.early-testing-cards{grid-template-columns:minmax(0,1fr)}.guide-video-frame{aspect-ratio:4/3}.early-testing-intro h2{font-size:clamp(2rem,10vw,3rem)}}
@media(max-width:430px){.login-experience{padding-inline:12px}.login-card,.feedback-card{padding:20px}.guide-play-icon{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.guide-play-icon{transition:none}}
.feedback-card{outline:1px solid transparent;outline-offset:-1px;transition:outline-color .18s ease,box-shadow .18s ease}.feedback-card.feedback-card-cued{outline-color:#d8b977;box-shadow:var(--ty-shadow),0 0 0 2px rgba(216,185,119,.28),0 0 22px rgba(216,185,119,.28)}
@media(prefers-reduced-motion:reduce){.feedback-card{transition:none}.feedback-card.feedback-card-cued{box-shadow:var(--ty-shadow);outline:2px solid #d8b977}}
.auth-preview-note{margin:14px 0;padding:12px 14px;border:1px solid rgba(184,148,82,.36);border-radius:12px;background:rgba(255,255,255,.035);font-size:.92rem;line-height:1.5}.auth-preview-note [lang="th"]{display:none}html[lang="th"] .auth-preview-note [lang="en"]{display:none}html[lang="th"] .auth-preview-note [lang="th"]{display:inline}