/* AxioraX New: Create account and Log in on one page (js/authone.js, 14 Oct 2026). Scoped to .auth.one. */
.auth.one .as{max-width:340px}
.one-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:400px;height:50px;margin-top:22px;padding:4px;border-radius:25px;background:#EEF1EE}
.one-tabs button{position:relative;z-index:1;height:42px;border-radius:21px;font-size:15.5px;font-weight:600;color:var(--sub);transition:color .2s}
/* his ask (15 Oct 2026, 5.5): Create account in the AxioraX green, Log in in the AxioraX gold */
.one-tabs button[data-tab="new"]{color:#4E7A62}
.one-tabs button[data-tab="in"]{color:#8C7A14}
.one-tabs button[aria-selected="true"]{color:#fff}
.one-thumb{position:absolute;top:4px;bottom:4px;inset-inline-start:4px;width:calc(50% - 4px);border-radius:21px;background:linear-gradient(180deg,#1C6A43 0%,#135333 100%);box-shadow:0 3px 10px rgba(19,83,51,.28);transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s ease,box-shadow .26s ease}
.auth.one[data-mode="in"] .one-thumb{background:linear-gradient(180deg,#B3A02A 0%,#8C7A14 100%);box-shadow:0 3px 10px rgba(140,122,20,.30)}
.auth.one[data-mode="in"] .one-thumb{transform:translateX(100%)}
html[dir=rtl] .auth.one[data-mode="in"] .one-thumb{transform:translateX(-100%)}
.auth.one[data-mode="new"] [data-in],.auth.one[data-mode="in"] [data-new]{display:none}
.one-f{margin-top:18px}
.one-f .ain,.one-f .afield{margin-top:12px}
.one-f>.ain:first-child,.one-f>.afield:first-child{margin-top:0}
.one-f .afield:first-child{margin-top:0}
.one-f .afield .ain{margin-top:0}
.one-f .ain[dir=ltr]{text-align:start}
html[dir=rtl] .one-f .ain[dir=ltr]{text-align:right}
.one-f .afield.sel{position:relative;padding:0 14px 0 16px;gap:8px;cursor:pointer}
html[dir=rtl] .one-f .afield.sel{padding:0 16px 0 14px}
.one-f .afield.sel .one-lb{flex:none;font-size:15px;color:var(--ph)}
.one-f .afield.sel select{flex:1;min-width:0;height:52px;border:0;background:transparent;font:inherit;font-size:16.5px;color:var(--ink);text-align:end;text-align-last:end;-webkit-appearance:none;appearance:none;outline:none;padding:0;cursor:pointer}
.one-f .afield.sel svg{flex:none}
.one-f .afield.sel:focus-within{border-color:var(--green)}
.one-f input[type=number]{-moz-appearance:textfield}
.one-f input[type=number]::-webkit-outer-spin-button,.one-f input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.one-note{margin-top:12px;font-size:13.5px;line-height:19px;color:var(--sub);text-align:center;padding:0 6px}
.one-soc{width:100%;max-width:400px}
.one-soc[hidden]{display:none}
.auth.one .aforgot{display:block;margin:16px auto 0}
.one-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:400px;margin-top:16px}
.one-kind button{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 10px;border-radius:22px;background:#F2F4F2;color:var(--sub);font-size:14.5px;font-weight:600;white-space:nowrap;
  box-shadow:inset 0 0 0 1.5px transparent;transition:background-color .18s,color .18s,box-shadow .18s}
.one-kind button.on{background:var(--green-soft);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}
.one-kind button span{overflow:hidden;text-overflow:ellipsis}
@media (max-width:350px){.one-kind button{font-size:13.5px;gap:6px}.one-tabs button{font-size:14.5px}}
/* the 6 digit code step (15 Oct 2026): the same page, the forms make way for the code */
.auth.one[data-step="code"] .one-tabs,.auth.one[data-step="code"] .one-f,.auth.one[data-step="code"] .one-soc,.auth.one[data-step="code"]>.at,.auth.one[data-step="code"]>.as{display:none}
.one-code{display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;margin-top:22px;text-align:center}
.one-cic{width:60px;height:60px;border-radius:50%;background:#E7F1EA;display:grid;place-items:center}
.one-ct{margin-top:14px;font-size:24px;line-height:31px;font-weight:700;letter-spacing:-.01em}
.one-cs{margin:8px 0 0;font-size:15.5px;line-height:23px;color:var(--sub);max-width:340px;overflow-wrap:anywhere}
.one-cs b{color:var(--ink);font-weight:600}
.one-cf{width:100%;margin-top:20px;display:flex;flex-direction:column}
.one-cf .one-cin{text-align:center;font-size:26px;font-weight:700;letter-spacing:.32em;padding-inline-start:.32em;font-variant-numeric:tabular-nums;height:60px}
.one-cf .one-cin::placeholder{color:#C9CFC9;letter-spacing:.32em}
.one-clinks{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;margin-top:16px}
.one-clinks .lnk{font-size:15px}