/* Branded account links: Login / My Account / Registration */
.account-nav{display:flex;align-items:center;gap:7px;min-width:0;flex:0 1 auto}
.account-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:8px 12px;border-radius:12px;border:1px solid rgba(117,202,211,.40);color:#e9fcf9;background:rgba(6,38,49,.65);font-size:.81rem;font-weight:800;line-height:1.12;text-align:center;white-space:nowrap;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s;isolation:isolate}
.account-nav-btn:hover,.account-action:hover{transform:translateY(-2px);border-color:var(--accent);background:rgba(14,67,70,.9)}
.account-nav-btn:focus-visible,.account-action:focus-visible,.account-resource-links a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.account-nav-btn svg{flex:0 0 16px;width:16px;height:16px}
.account-nav-btn.nav-join{background:linear-gradient(115deg,var(--accent),var(--secondary));border-color:var(--accent);color:#061c21;box-shadow:0 7px 23px var(--glow)}
.account-nav-btn.nav-join:hover{background:linear-gradient(115deg,var(--secondary),var(--accent))}
.account-entry{margin:18px 0 0;max-width:650px;min-width:0}
.account-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0}
.account-action{min-width:0;min-height:56px;padding:12px 11px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:16px;border:1px solid rgba(106,214,211,.38);background:linear-gradient(145deg,rgba(12,54,63,.91),rgba(4,31,46,.91));color:#f7fffe;text-align:center;font-size:.88rem;font-weight:850;line-height:1.2;overflow-wrap:anywhere;box-shadow:inset 0 1px rgba(200,255,250,.06),0 10px 27px rgba(0,0,0,.17);transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}
.account-action svg{width:18px;height:18px;flex:0 0 18px;color:var(--accent)}
.account-action.primary{border-color:var(--accent);background:linear-gradient(110deg,var(--accent),var(--secondary));color:#042220;box-shadow:0 13px 32px var(--glow)}
.account-action.primary svg{color:#042220}
.account-action.primary:hover{background:linear-gradient(115deg,var(--secondary),var(--accent));box-shadow:0 16px 32px var(--glow)}
.account-affiliate-disclosure{margin:9px 0 0!important;color:#abcace!important;font-size:.72rem!important;line-height:1.55!important;max-width:640px}
.account-regulatory-alert{margin:12px 0 0;padding:10px 13px;border-radius:12px;border:1px solid rgba(255,186,103,.6);background:rgba(77,38,15,.86);color:#ffe3bb;font-size:.78rem;line-height:1.5;font-weight:700}
.account-resource-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:11px}
.account-resource-links a{color:#b2dfed;font-size:.80rem;font-weight:700;text-decoration:underline;text-decoration-color:rgba(124,211,236,.35);text-underline-offset:4px}
.account-resource-links a:hover{color:var(--accent)}
[dir="rtl"] .account-entry,[dir="rtl"] .account-affiliate-disclosure{text-align:right}
[dir="rtl"] .account-action-list{direction:rtl}
[dir="rtl"] .account-action svg{flex:0 0 18px}
[dir="rtl"] .account-nav{direction:rtl}
[dir="rtl"] .account-resource-links{flex-direction:row}
@media(max-width:1220px){.account-nav-btn.nav-account,.account-nav-btn.nav-login{display:none}}
@media(max-width:820px){.account-nav{margin-inline-start:auto}.account-nav-btn.nav-join{min-height:39px;padding-inline:12px}}
@media(max-width:650px){.account-nav{display:none}}
@media(max-width:520px){.account-entry{margin-top:17px}.account-action-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-action{min-height:47px;padding:9px 7px;border-radius:13px;font-size:.83rem;gap:7px}.account-action.primary{grid-column:1/-1;grid-row:1;min-height:47px}.account-action svg{width:16px;height:16px;flex-basis:16px}.account-resource-links{gap:11px}.account-affiliate-disclosure{font-size:.70rem!important}}
@media(max-width:355px){.account-action{font-size:.76rem;gap:5px}.account-action svg{width:14px;height:14px;flex-basis:14px}}
/* On the Quotex Pakistan pages, the regulator warning precedes registration links. */
.account-regulatory-alert{margin:0 0 12px}