/* Moraph brand shell, shared with trader.moraph.com: masthead, footer, card, buttons. */
@font-face{font-family:"Instrument Sans";src:url(/brand/instrument-sans.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/brand/fraunces.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/brand/jetbrains-mono.woff2) format("woff2");font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#f6f4ef;--surface:#fff;--fg:#121820;--fg2:#3a424d;--mu:#5b6470;--rule:#e6e1d6;--rule2:#d6cfc1;--mast:#0b0f14;--err:#b8321f;--errbg:#fbeae6;--ok:#1d7a46;--signal:#ff5b1f;--ink:#0b0f14;
--sans:"Instrument Sans",Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Fraunces,"Iowan Old Style",Georgia,serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper:#090c10;--surface:#0f141a;--fg:#e8eaed;--fg2:#c4cad2;--mu:#98a1ac;--rule:#1e252e;--rule2:#2b333d;--mast:#06080b;--err:#ff7b6b;--errbg:#2a1512;--ok:#5cc98a}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--paper);color:var(--fg);font:15px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
body>header{background:var(--mast);padding:calc(env(safe-area-inset-top,0px) + 14px) max(20px,env(safe-area-inset-left,0px)) 14px;border-bottom:3px solid var(--signal);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.lock{display:inline-flex;align-items:center;gap:0;color:#fff;text-decoration:none;min-height:24px}
.lock svg{width:18px;height:18px;flex:none;color:var(--signal);overflow:hidden}
.mmark{display:inline-flex;align-items:center;min-height:24px}
.word{font:600 11px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;margin-right:0;transition:max-width .38s cubic-bezier(.2,.7,.2,1),opacity .22s ease,margin-left .38s cubic-bezier(.2,.7,.2,1)}
.sep{height:14px;background:rgba(255,255,255,.22);width:0;opacity:0;transition:opacity .22s ease,margin-left .38s cubic-bezier(.2,.7,.2,1)}
.app{font:600 15.5px/1 var(--serif);color:#fff;margin-left:10px;transition:margin-left .38s cubic-bezier(.2,.7,.2,1)}
.lock:focus-visible{outline:2px solid var(--signal);outline-offset:4px;border-radius:4px}
.mmark:hover .word,.lock:focus-visible .word{max-width:8em;opacity:1;margin-left:9px;padding-right:.28em;margin-right:-.28em}
.mmark:hover~.sep,.lock:focus-visible .sep{width:1px;opacity:1;margin-left:10px}
.mmark:hover~.app,.lock:focus-visible .app{color:rgba(255,255,255,.72)}
.who{display:flex;align-items:center;gap:14px;font:400 12px/1 var(--mono);color:rgba(255,255,255,.62);min-width:0}
.who>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pnav{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-left:auto}
.pnav a,.pnav button{display:inline-flex;align-items:center;min-height:36px;padding:0 11px;border-radius:7px;color:rgba(255,255,255,.78);font:600 13px/1 var(--sans);text-decoration:none;border:1px solid transparent;background:none;cursor:pointer}
.pnav a:hover,.pnav button:hover{color:#fff;border-color:rgba(255,255,255,.28)}
.pnav a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--signal)}
.pnav .signout{color:#fff;border-color:rgba(255,255,255,.28);margin-left:6px}.pnav .signout:hover{border-color:var(--signal)}
.pnav a:focus-visible,.pnav button:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.pnav form{margin:0;display:inline}
main{flex:1;display:grid;place-items:center;padding:40px 20px 56px}
.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:32px 28px 28px;box-shadow:0 1px 2px rgba(18,24,32,.04),0 8px 28px rgba(18,24,32,.06)}
.eyebrow{font:400 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mu);margin:0 0 14px;display:flex;align-items:center;gap:8px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal)}
h1{font:600 28px/1.15 var(--serif);letter-spacing:-.015em;margin:0 0 6px}
h2{font:600 19px/1.2 var(--serif);margin:0 0 6px}
.lede{margin:0 0 24px;color:var(--fg2);font-size:14px}
p{color:var(--fg2)}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:650 15px/1 var(--sans);padding:12px;border:1px solid var(--rule2);border-radius:8px;background:var(--paper);color:var(--fg);text-decoration:none;margin:0 0 6px}
.gbtn:hover{border-color:var(--fg2)}.gbtn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}
.err{margin:0 0 16px;padding:9px 12px;border-radius:8px;background:var(--errbg);color:var(--err);font-size:14px}
.note{margin:16px 0 0;font-size:13px;color:var(--mu)}
.btn{display:inline-flex;align-items:center;justify-content:center;font:650 14px/1 var(--sans);padding:11px 16px;border-radius:8px;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--signal)}.btn:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.btn.quiet{background:transparent;color:var(--fg);border-color:var(--rule2)}.btn.quiet:hover{border-color:var(--err);color:var(--err)}
.btn.small{padding:7px 11px;font-size:13px}
@media(prefers-color-scheme:dark){.btn:not(.quiet){background:var(--fg);color:var(--ink);border-color:var(--fg)}}
.pill{font:400 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:var(--paper);color:var(--mu);border:1px solid var(--rule2);white-space:nowrap}
.pill.ok{color:var(--ok);border-color:var(--ok)}.pill.warn{color:var(--err);border-color:var(--err)}
.meta{font:400 12px/1.5 var(--mono);color:var(--mu);margin:0 0 14px;overflow-wrap:anywhere}
body>footer{background:var(--mast);color:rgba(255,255,255,.72);padding:22px max(20px,env(safe-area-inset-left,0px)) calc(env(safe-area-inset-bottom,0px) + 22px);display:flex;flex-direction:column;gap:12px}
.fl{display:flex;flex-wrap:wrap;gap:4px 18px}.fl a{color:rgba(255,255,255,.72);text-decoration:none;font:500 13px/1.6 var(--sans)}.fl a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.fl a:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:3px}
.fc{margin:0;font:400 11px/1.6 var(--mono);color:rgba(255,255,255,.5)}
.skip{position:absolute;left:12px;top:-60px;z-index:10;background:var(--surface);color:var(--fg);font:600 14px/1 var(--sans);padding:12px 14px;border-radius:8px;border:2px solid var(--signal);text-decoration:none}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 8px)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(prefers-reduced-motion:reduce){.word,.sep,.app{transition:none}}
@media(max-width:480px){.who>span{display:none}.pnav{order:3;flex:1 1 100%;margin-left:0;gap:6px}.pnav a,.pnav button{min-height:44px;padding:0 12px}.pnav .signout{margin-left:auto}}