*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:#0b1220;color:#edf4ff;font:15px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}
.app-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:1320px;margin:auto}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.brand-mark{display:grid;place-items:center;color:#111c30;font-size:24px;flex:none}
.brand strong,.brand small{display:block}
.app-head nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.app-head nav a{text-decoration:none;white-space:nowrap;font-size:14px;font-weight:650}
.account-controls{min-width:0}
.account-controls span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}
.layout{max-width:1320px;margin:0 auto}
.card{background:#141f31;border:1px solid #2d3d56;border-radius:16px;padding:20px}
@media(max-width:700px){.app-head nav{order:3}.account-controls{margin-left:auto}}