:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#182438;background:#f3f6fa;font-synthesis:none;font-size:16px;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
header{height:auto;min-height:88px;background:white;border-bottom:1px solid #dfe5ee;padding:18px max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:32px;letter-spacing:-1.6px;font-weight:750;color:#1763df;text-decoration:none}
.wordmark span{font-size:12px;vertical-align:top;letter-spacing:0}
.locale{display:flex;align-items:center;gap:12px;font-size:.875rem}
.locale select{max-width:240px}
main{max-width:980px;margin:40px auto;padding:0 24px 48px}
.panel{background:#fff;border:1px solid #dfe5ee;border-radius:16px;padding:28px;margin-block-end:20px}
.auth{max-width:520px;margin-inline:auto;padding:36px 40px;border-top:4px solid #1763df}
h1{font-size:1.8rem;line-height:1.2;letter-spacing:-.6px;margin:8px 0 12px}
h2{font-size:1.2rem;margin:0 0 18px}
.eyebrow{font-size:.8rem;letter-spacing:.07em;font-weight:650;color:#1763df;margin:0}
.muted,.footnote,small{color:#526175}
.muted{margin:8px 0 20px}
.footnote{font-size:.875rem;border-top:1px solid #e1e7ef;padding-top:20px;margin-bottom:0}
label{display:block;font-weight:550;font-size:.9rem;margin-block:14px 6px}
input,select,button,textarea{font:inherit;border:1px solid #bfccdb;border-radius:8px;background:white;color:inherit;min-height:44px;padding:10px 13px}
input,textarea,#affiliate-country{width:100%}
textarea{resize:vertical}
#affiliate-form>button{margin-top:18px}
#affiliate-details{overflow-wrap:anywhere;white-space:pre-wrap}
button{cursor:pointer;font-weight:550}
button:hover:not(:disabled){background:#edf3fc;border-color:#1763df}
button:disabled{opacity:.55;cursor:default}
button.primary{background:#1763df;color:white;border-color:#1763df}
button.primary:hover:not(:disabled){background:#104fb7}
.auth form>button.primary{width:100%;margin-top:22px}
.text-button{border:0;color:#1456b5;background:transparent;padding-inline:0;min-height:40px}
.auth>.text-button{display:block}
.methods{display:grid;gap:12px;margin-top:24px;border-top:1px solid #e1e7ef;padding-top:24px}
.methods button{width:100%}
.methods p{font-size:.875rem;margin-bottom:0}
small{display:block;font-size:.875rem;margin-top:6px}
#notice:not(:empty),#storage-warning:not(:empty),.banner{padding:14px 18px;border:1px solid #b4c9eb;background:#eaf2ff;border-radius:8px;margin-bottom:20px}
#notice{max-width:850px;margin-inline:auto}
#notice[data-error=true]{background:#fff1ed;border-color:#dfb0a3;color:#853f2d}
.account-heading,.row,.toolbar,.dialog-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}
.account-heading{margin-bottom:24px}
.toolbar{justify-content:flex-end;margin-bottom:20px}
.row{padding-block:18px;border-top:1px solid #e1e7ef;overflow-wrap:anywhere}
.row:first-child{border-top:0}
.row p{margin:4px 0;font-size:.875rem;color:#526175}
.badge{display:inline-block;background:#e3f5ec;color:#176244;font-size:.8rem;border-radius:4px;padding:2px 7px;margin-inline-start:8px}
.row button{flex-shrink:0}
#code{font-size:1.6rem;letter-spacing:.35em;direction:ltr}
#countdown{font-variant-numeric:tabular-nums}
dialog{border:1px solid #c5d0df;border-radius:16px;padding:28px;max-width:min(480px,calc(100vw - 32px));color:inherit}
dialog::backdrop{background:#15243c77}
.dialog-actions{justify-content:flex-end;margin-top:24px}
:focus-visible{outline:3px solid #8fb8fa;outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:600px){header{padding:16px;gap:12px}
.locale{display:block;margin:0}
.locale select{max-width:205px;font-size:.875rem}
main{margin:24px auto;padding:0 16px 32px}
.auth,.panel{padding:24px}
h1{font-size:1.6rem}
.account-heading,.row{align-items:flex-start;flex-direction:column;gap:12px}
.row button{align-self:flex-end}
.dialog-actions{flex-wrap:wrap}
}
@media(prefers-reduced-motion:no-preference){button{transition:background .12s}
}


.wordmark img{display:block;width:112px;height:auto}
#language-status{padding:12px 16px;margin-block-end:20px;background:#eaf2ff;border:1px solid #b4c9eb;border-radius:8px}
.wordmark{flex-shrink:0}

#affiliate-dashboard-content{overflow-wrap:anywhere}
.commission-balance{border-top:1px solid #e1e7ef;padding-block:12px}