:root { color-scheme: dark; font-family: system-ui,sans-serif; background:#0b1020; color:#eef1fa; }
body { margin:0; } main { max-width:760px; margin:auto; padding:32px 24px 64px; }
header { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:64px; }
header a { font-weight:800; letter-spacing:.16em; color:#a6a0ff; text-decoration:none; }
header span,p { color:#aeb8cf; } h1 { font-size:clamp(2rem,6vw,3.6rem); line-height:1.1; }
form { display:grid; gap:24px; padding:24px; border:1px solid #35415f; border-radius:16px; }
label { display:grid; gap:8px; } select { padding:12px; font:inherit; background:#182239; color:inherit; border:1px solid #59647c; border-radius:6px; }
fieldset { display:flex; gap:18px; flex-wrap:wrap; border:1px solid #59647c; padding:16px; }
fieldset label { display:flex; align-items:center; } button,.button { display:inline-block; font:inherit; padding:12px 20px; border:0; border-radius:6px; background:#a6a0ff; color:#10152b; cursor:pointer; text-decoration:none; }
#logout { margin-top:24px; background:#28344f; color:#eef1fa; } :focus-visible { outline:3px solid #c1bcff; outline-offset:4px; } button:disabled { opacity:.6; cursor:wait; }
input:not([type="checkbox"]) { padding:12px; font:inherit; min-width:0; background:#182239; color:inherit; border:1px solid #59647c; border-radius:6px; }
#community-heading { margin-top:40px; } #referral-claim { margin:24px 0; } #refresh-community { margin:12px 0; }
[hidden] { display:none !important; }
#billing-heading { margin-top:40px; } #billing-orders { padding-left:20px; line-height:1.8; } #mock-payment { margin-top:20px; }
.research-card { border:1px solid #35415f; padding:18px; border-radius:10px; margin:16px 0; overflow-wrap:anywhere; }
.research-card a { display:block; color:#c1bcff; margin:8px 0; } .research-card button { margin:4px; }
#trading-heading { margin-top:48px; }