:root { color-scheme:dark; font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:#101211; color:#f3f7f5; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; text-decoration:none; }
.wrap { width:calc(100% - 40px); max-width:896px; margin:auto; padding-top:32px; }
.intro { padding:12px 0 28px; }
.eyebrow { margin:0 0 12px; color:#9aa49f; font-size:13px; }
h1 { margin:0 0 12px; font-size:clamp(26px,4vw,34px); line-height:1.3; font-weight:600; letter-spacing:-.025em; }
.intro>p:last-child { margin:0; font-size:15px; color:#9aa49f; line-height:1.7; }
.download-list { display:grid; gap:12px; }
.software { display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:20px; padding:24px; border:1px solid #ffffff12; border-radius:14px; background:#181b19; }
.icon { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; font-size:25px; font-weight:500; }
.teal { color:#70dfc0; background:#183e34; }.blue { color:#9cc7fa; background:#24364c; }.violet { color:#c5adf4; background:#352b48; }
h2 { margin:0 0 7px; font-size:19px; line-height:1.4; font-weight:600; }h2 span { margin-left:8px; font-size:12px; color:#9aa49f; font-weight:400; }
.copy p { margin:0; color:#9aa49f; font-size:14px; line-height:1.65; }
.download { display:flex; align-items:center; gap:18px; padding:10px 14px; white-space:nowrap; border:1px solid #ffffff1b; border-radius:8px; font-size:13px; }
.download:hover { border-color:#19bf98; color:#70dfc0; }.download:focus-visible { outline:2px solid #19bf98; outline-offset:4px; }
.note { margin:20px 0 0; color:#9aa49f; font-size:12px; line-height:1.8; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; padding:24px 0 36px; margin-top:40px; border-top:1px solid #ffffff12; font-size:12px; color:#9aa49f; }
@media(max-width:600px) { .software { grid-template-columns:40px 1fr; gap:14px; padding:18px; }.icon { width:40px; height:40px; font-size:22px; }.download { grid-column:2; justify-self:start; }.copy p { font-size:13px; } }
/* Same visual family as the homepage and membership pages. */
.account-app .wrap{max-width:1160px;width:100%;padding-top:0}.account-app .intro{padding:64px 0 48px}.account-app h1{font-size:clamp(36px,4.7vw,58px);letter-spacing:-.045em;background:linear-gradient(110deg,#f7f5ff,#c0b4ff,#9ccfff);background-clip:text;color:transparent}.account-app .eyebrow{color:#c0b4ff;letter-spacing:.14em;font-size:12px}.account-app .intro>p:last-child{color:#aeb2c8;font-size:16px;line-height:1.9}.account-app .download-list{gap:22px}.account-app .software{padding:30px 32px;border-radius:24px;background:#13172ba8;border-color:#b4b8ff24;backdrop-filter:blur(12px);grid-template-columns:64px 1fr auto}.account-app .icon{width:64px;height:64px;object-fit:contain;background:transparent}.account-app .copy p,.account-app h2 span,.account-app .note,.account-app footer{color:#aeb2c8}.account-app .download{border-radius:999px;border-color:#b8afff57;color:#ddd6ff;padding:12px 22px}.account-app .download:hover{background:#ffffff0c;border-color:#c0b4ff}.account-app .note{margin-top:28px;font-size:13px}.account-app footer{border-color:#b4b8ff24;margin-top:56px}.account-app h2{font-size:22px}
@media(max-width:600px){.account-app .intro{padding:38px 0 30px}.account-app .software{padding:22px;grid-template-columns:48px 1fr}.account-app .icon{width:48px;height:48px}.account-app .download{grid-column:1/-1;justify-self:start}.account-app h2{font-size:20px}.account-app .intro>p:last-child{font-size:14px}}
