.oct-login-page{--oct:#e86a2a;--oct-dark:#c45318;--oct-light:#f4a574;--oct-muted:#fff4ed;--oct-ink:#2b241f;min-height:100vh;background-color:#faf7f4;background-image:radial-gradient(circle at 1px 1px,rgba(232,106,42,.08) 1px,transparent 0),linear-gradient(160deg,#fffdfb,#faf7f4 45%,#fff4ed);background-size:22px 22px,100% 100%;color:var(--oct-ink);font-family:var(--font-outfit),Outfit,system-ui,sans-serif;display:flex;align-items:center;justify-content:center;padding:1.5rem}.oct-login-card{width:min(26.5rem,100%);background:#fff;border:1px solid #efe6de;box-shadow:0 24px 60px rgba(196,83,24,.1);padding:2rem 1.75rem 1.6rem}.oct-login-lang{display:flex;justify-content:flex-end;gap:.2rem;margin:-.35rem 0 1.1rem}.oct-login-lang button{border:1px solid #eadfd3;background:#fffefc;color:#8a7a70;padding:.28rem .7rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;line-height:1.3}.oct-login-lang button+button{margin-left:-1px}.oct-login-lang button:first-child{border-radius:999px 0 0 999px}.oct-login-lang button:last-child{border-radius:0 999px 999px 0;margin-left:-1px}.oct-login-lang button.is-active{background:var(--oct);border-color:var(--oct);color:#fff}.oct-login-card[lang=th],.oct-login-card[lang=th] button,.oct-login-card[lang=th] input{font-family:var(--font-thai),var(--font-outfit),system-ui,sans-serif}.oct-login-card[lang=th] .oct-login-form label,.oct-login-card[lang=th] .oct-login-submit,.oct-login-card[lang=th] .oct-login-tag{letter-spacing:.01em;text-transform:none}.oct-login-card[lang=th] .oct-login-wordmark{font-family:var(--font-outfit),Outfit,system-ui,sans-serif}.oct-login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.35rem}.oct-login-logo{width:5.5rem;height:5.5rem;object-fit:contain;border-radius:1.15rem}.oct-login-wordmark{margin:.7rem 0 0;font-size:1.55rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--oct)}.oct-login-tag{margin:.2rem 0 0;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#8a7a70}.oct-login-title{margin:0;font-size:1.45rem;font-weight:600;letter-spacing:-.02em}.oct-login-welcome{margin:.45rem 0 1.15rem;font-size:.9rem;line-height:1.5;color:#6f635c}.oct-login-form{display:grid;gap:.85rem}.oct-login-form label{display:grid;gap:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6f635c}.oct-login-field-hint{font-size:.78rem;font-weight:500;letter-spacing:.01em;text-transform:none;line-height:1.4;color:#8a7a70}.oct-login-form input{border:1px solid #e8ddd4;background:#fffefc;padding:.7rem .8rem;font-size:.95rem;color:var(--oct-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.oct-login-form input:focus{border-color:var(--oct);box-shadow:0 0 0 3px rgba(232,106,42,.15)}.oct-login-submit{margin-top:.25rem;border:0;background:var(--oct);color:#fff;padding:.8rem 1rem;font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s ease}.oct-login-submit:hover:not(:disabled){background:var(--oct-dark)}.oct-login-submit:disabled{opacity:.65;cursor:wait}.oct-google-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;box-sizing:border-box;border:1px solid #e8ddd4;background:#fff;color:#3c4043;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.oct-google-btn:hover{background:#fffefc;border-color:var(--oct);box-shadow:0 0 0 3px rgba(232,106,42,.12)}.oct-login-google-hint{margin:.9rem 0 0;font-size:.8rem;line-height:1.45;color:#8a7a70;text-align:center}.oct-login-email-link{display:block;width:100%;margin:.9rem 0 1rem;border:0;background:transparent;padding:0;font:inherit;font-size:.88rem;line-height:1.45;color:var(--oct);text-align:center;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.oct-login-email-link:hover{color:var(--oct-dark)}.oct-login-error{margin:0;font-size:.82rem;color:#b42318}.oct-login-info{margin:0;font-size:.82rem;line-height:1.45;color:#3f6b4b}.oct-login-links{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}.oct-login-links button{border:0;background:transparent;padding:0;font-size:.8rem;color:var(--oct);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.oct-login-links button:hover{color:var(--oct-dark)}.oct-login-divider{display:flex;align-items:center;gap:.75rem;margin:1.15rem 0 1rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a7a70}.oct-login-divider:after,.oct-login-divider:before{content:"";flex:1;height:1px;background:#eadfd3}.oct-login-foot{margin:1rem 0 0;text-align:center;font-size:.85rem;line-height:1.45;color:#6f635c}.oct-login-foot button{border:0;background:transparent;padding:0;font-size:inherit;color:var(--oct);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.oct-login-foot button:hover{color:var(--oct-dark)}.oct-login-foot a{color:var(--oct);text-underline-offset:3px}.oct-login-foot a:hover{color:var(--oct-dark)}.oct-login-captcha-img{width:100%;max-width:220px;height:auto;margin:0 auto;border:1px solid #eadfd3;background:#fff4ed}.oct-login-code-input{letter-spacing:.28em;text-align:center;font-variant-numeric:tabular-nums}