:root{color-scheme:light;--ink:#241744;--muted:#6b607b;--purple:#6d3df5;--line:#e5deef;--paper:#fffdf8;font-family:system-ui,-apple-system,"Noto Sans Thai","Noto Sans SC",sans-serif;color:var(--ink);background:var(--paper)}
.account-card h2:focus{outline:none}
.account-support h3{margin:0 0 8px;color:var(--muted);font-size:14px;font-weight:600;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 14% 0%,#ede5ff 0,transparent 38%),var(--paper);min-height:100vh;font-size:16px;line-height:1.6}button,input{font:inherit}a{color:var(--purple)}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c9b5ff;outline-offset:3px}button:focus:not(:focus-visible){outline:none}[hidden]{display:none!important}.account-header{height:84px;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;padding:0 28px;border-bottom:1px solid var(--line)}.account-brand{font-size:23px;font-weight:850;letter-spacing:.12em;color:var(--ink);text-decoration:none}.account-brand span{color:#e85c7c}.account-languages{display:flex;gap:14px;font-size:14px}.account-languages a{text-decoration:none;color:var(--muted)}.account-languages a[aria-current]{color:var(--purple);text-decoration:underline;text-underline-offset:6px}.account-layout{max-width:990px;margin:46px auto 70px;padding:0 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:52px;align-items:start}.account-intro{padding:28px 0}.account-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--purple);margin-bottom:12px}.account-intro h1{font-size:clamp(28px,4vw,40px);line-height:1.3;letter-spacing:-.035em;margin:0 0 20px}.account-intro p{color:var(--muted);font-size:15px}.account-intro .account-note{padding:16px 0;border-top:1px solid var(--line);font-size:13px;margin-top:26px}.account-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 50px #3f28650a}.account-card h2{font-size:23px;line-height:1.4;margin:0 0 7px}.account-card p{margin:8px 0 20px;color:var(--muted);font-size:14px}.account-tabs{display:flex;gap:5px;padding:5px;background:#f4effc;border-radius:13px;margin-bottom:25px}.account-tabs button{flex:1;padding:10px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-weight:650}.account-tabs button[aria-selected=true]{background:#fff;box-shadow:0 2px 8px #2417440d;color:var(--purple)}.account-field{display:block;margin:0 0 18px}.account-field>span{display:block;font-size:14px;font-weight:650;margin-bottom:7px}.account-field input{display:block;width:100%;min-width:0;padding:12px 14px;border:1px solid #dcd3e8;border-radius:11px;color:var(--ink);background:white}.account-field input[aria-invalid=true]{border-color:#ad2549}.account-password{position:relative}.account-password input{padding-right:72px}.account-password button{position:absolute;right:7px;top:7px;bottom:7px;padding:3px 9px;border:0;border-radius:6px;background:#f6f2fc;font-size:12px;color:#59476c}.account-hint{font-size:12px!important;line-height:1.65;color:var(--muted)!important;margin:7px 0 16px!important}.account-submit{display:block;width:100%;padding:12px 15px;min-height:48px;border:0;border-radius:11px;background:var(--purple);color:white;font-weight:700}.account-submit:hover{background:#5829d8}.account-secondary{background:#f4effc;color:var(--purple)}.account-secondary:hover{background:#e9dffd}.account-link-button{background:none;border:0;color:var(--purple);padding:10px 0;text-decoration:underline;text-underline-offset:3px;font-size:14px}.account-actions{display:flex;gap:16px;align-items:center;justify-content:space-between}.account-message{border-radius:10px;padding:12px 14px;font-size:14px;margin-bottom:20px;overflow-wrap:anywhere}.account-message[data-kind=error]{background:#fff0f2;color:#9d2447;border:1px solid #f2cdd7}.account-message[data-kind=success]{background:#edf8f4;color:#156449;border:1px solid #c4e6d8}.account-message[data-kind=info]{background:#f2edfe;color:#543589;border:1px solid #e0d3fc}.account-support{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.account-support summary{cursor:pointer;color:var(--muted);font-size:14px;min-height:30px}.account-support p{font-size:13px}.account-support a{font-weight:600}.account-profile{margin:22px 0;padding:16px;background:#faf8fe;border-radius:13px}.account-profile div{margin-bottom:14px}.account-profile div:last-child{margin-bottom:0}.account-profile dt{font-size:12px;color:var(--muted)}.account-profile dd{margin:2px 0 0;overflow-wrap:anywhere;font-size:15px}.account-badge{display:inline-block;border-radius:6px;padding:2px 8px;font-size:12px;background:#eee7fe;color:#5c3b93}.account-badge.verified{background:#e6f5ee;color:#196947}.account-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.account-code{letter-spacing:.18em;font-variant-numeric:tabular-nums}.account-footer{font-size:12px;color:var(--muted);text-align:center;padding:0 20px 30px}.account-loading{text-align:center;padding:30px}.account-back{font-size:14px;color:var(--muted)}
@media(max-width:700px){.account-header{height:72px;padding:0 20px}.account-layout{display:block;margin:18px auto 40px;padding:0 16px}.account-intro{padding:10px 5px 15px}.account-intro h1{font-size:28px;margin-bottom:9px}.account-intro .account-note{margin-top:12px;padding:12px 0 0}.account-card{padding:22px;border-radius:20px}.account-intro p{margin:8px 0}.account-languages{gap:10px;font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
