:root{--gold:#ffd500;--gold2:#e8c100;--ink:#111;--charcoal:#1b1b1b;--surface:#fff;--canvas:#f7f7f5;--muted:#667085;--border:#e3e4df;--success:#16865b;--danger:#c73535;--shadow:0 18px 55px rgb(17 17 17/.08);font-family:Inter,Manrope,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;line-height:1.55;background:var(--canvas)}a{color:inherit}button,input,select{font:inherit}.skip{position:fixed;left:-999px;z-index:50}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem}.topbar{height:68px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;position:sticky;top:0;z-index:20}.brand{text-decoration:none;font-weight:850;letter-spacing:-.04em;font-size:1.25rem}.brand strong{color:var(--gold)}.topnav,.topnav form{display:flex;align-items:center;gap:.9rem;margin:0}.topnav a{text-decoration:none}.shell{max-width:1440px;margin:auto;min-height:calc(100vh - 68px);display:grid;grid-template-columns:240px 1fr}.sidebar{padding:2rem 1rem;border-right:1px solid var(--border);background:#fff}.sidebar a{display:block;padding:.72rem .9rem;border-radius:.7rem;text-decoration:none;font-weight:650;color:#444}.sidebar a:hover,.sidebar a:focus-visible{background:#fff9cf;color:#111}.content{padding:clamp(1rem,3vw,2.5rem);min-width:0}.public{max-width:none}.container{width:min(1180px,calc(100% - 2rem));margin:auto}.eyebrow{font-size:.75rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:#8a7400}.hero{overflow:hidden;background:var(--ink);color:#fff;padding:clamp(4rem,10vw,8rem) 0;position:relative}.hero:after{content:"";position:absolute;width:55vw;height:55vw;right:-15vw;top:-25vw;border:1px solid #ffd50055;border-radius:50%;box-shadow:0 0 0 5vw #ffd5000a,0 0 0 10vw #ffd50008}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;position:relative;z-index:1}.hero h1{font-size:clamp(2.7rem,7vw,6rem);line-height:.95;letter-spacing:-.065em;margin:.4rem 0 1.4rem;max-width:12ch}.hero p{color:#ccc;max-width:58ch;font-size:clamp(1rem,2vw,1.2rem)}.market-art{min-height:300px;border:1px solid #ffffff1f;border-radius:2rem;background:linear-gradient(145deg,#232323,#121212);position:relative;overflow:hidden}.market-art svg{width:100%;height:100%;position:absolute;inset:0}.actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.72rem 1.1rem;border:0;border-radius:.7rem;background:var(--gold);color:#111;text-decoration:none;font-weight:800;cursor:pointer;transition:transform .16s,background .16s}.button:hover,button:hover{background:var(--gold2);transform:translateY(-1px)}.button.secondary{background:#fff}.ghost{background:transparent;color:inherit;border:1px solid #777;width:auto}.section{padding:clamp(3.5rem,8vw,7rem) 0}.section h2,.page-head h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.045em;margin:.5rem 0 1rem}.grid{display:grid;gap:1rem}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:1.4rem;padding:clamp(1rem,2.5vw,1.7rem);box-shadow:var(--shadow)}.auth-card{max-width:600px;margin:clamp(1rem,6vw,4rem) auto}.card h3{margin:.2rem 0}.primary-card{background:var(--charcoal);color:#fff;display:grid;grid-template-columns:1fr auto;gap:2rem}.primary-card p{color:#c7c7c7}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;padding:.3rem .65rem;border-radius:999px;background:#eee;font-size:.78rem;font-weight:750}.badge.success{color:#0b6944;background:#e8f7f0}.badge.warning{color:#7b4900;background:#fff3d8}.metric{font-size:1.65rem;font-weight:850}.empty{border:1px dashed #c9cac4;border-radius:1rem;padding:2rem;text-align:center;color:var(--muted);background:linear-gradient(135deg,#fafaf8,#fff)}.chart-empty{min-height:240px;display:grid;place-items:center}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.muted{color:var(--muted)}.error,.success-message{padding:1rem;border-radius:.7rem}.error{background:#fff0f0;color:#8a2020}.success-message{background:#e9f8f1;color:#0b6944}form{margin:0}label{display:block;margin-top:1rem;font-weight:700}input,select{width:100%;min-height:50px;border:1px solid #cfd1ca;border-radius:.7rem;padding:.72rem .85rem;background:#fff}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #8e7800;outline-offset:3px}.checks label{font-weight:450;display:flex;align-items:start;gap:.7rem}.checks input{width:auto;min-height:auto;margin-top:.35rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.notice-list{display:grid;gap:.75rem}.notice{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#fff}.notice-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--gold);margin-top:.5rem}.session{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}footer{padding:2.5rem clamp(1rem,4vw,4rem);background:var(--charcoal);color:#ddd}.bottom-nav{display:none}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.hero-grid{grid-template-columns:1fr}.market-art{min-height:230px}.grid.four{grid-template-columns:repeat(2,1fr)}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;background:#111;color:#fff;z-index:30;padding:.5rem .35rem calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0002}.bottom-nav a{text-align:center;text-decoration:none;font-size:.73rem;padding:.45rem}.content{padding-bottom:6rem}}
@media(max-width:600px){.grid.four,.grid.two,.form-grid{grid-template-columns:1fr}.primary-card{grid-template-columns:1fr}.page-head{align-items:start;flex-direction:column}.actions{display:grid}.button{width:100%}.notice{grid-template-columns:auto 1fr}.notice time{grid-column:2}.topnav>a{display:none}.card{border-radius:1.1rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.connection-hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.step-list{list-style:none;padding:0;display:grid;gap:.8rem}.step-card{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.step-card.done{box-shadow:none;background:#fbfffd}.step-number{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#111;color:#ffd500;font-weight:850}.safety-note{padding:1rem;border-left:4px solid var(--gold);background:#fff9cf;border-radius:.6rem}@media(max-width:600px){.connection-hero,.step-card{display:grid;grid-template-columns:1fr}.step-number{width:38px;height:38px}}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.chart-grid canvas{width:100%;height:240px}.donut{width:180px;aspect-ratio:1;border-radius:50%;margin:1rem auto;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--win),#292929 0);position:relative}.donut:after{content:"";position:absolute;inset:28px;background:#fff;border-radius:50%}.donut span{position:relative;z-index:1;font-weight:850}.trade-table{display:grid;gap:.5rem}.trade-row{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--border);border-radius:.8rem}@media(max-width:600px){.chart-grid{grid-template-columns:1fr}.trade-row{grid-template-columns:1fr}.chart-grid canvas{height:210px}}
.admin-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.admin-links a{background:#111;color:#fff;padding:1rem;border-radius:.8rem;text-decoration:none;font-weight:750}.admin-table{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:1rem}.admin-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,1fr);gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--border);overflow:auto}.admin-head{background:#111;color:#fff;text-transform:capitalize}@media(max-width:700px){.admin-links{grid-template-columns:1fr 1fr}.admin-head{display:none}.admin-row{display:grid;grid-auto-flow:row;grid-auto-columns:auto}.admin-row span:before{content:attr(data-label) ": ";font-weight:800;text-transform:capitalize}}
.totp-setup{max-width:40rem;margin-inline:auto}
.totp-qr{width:min(100%,22rem);aspect-ratio:1;margin:1.5rem auto;padding:1rem;background:#fff;border:1px solid rgba(234,179,8,.35);border-radius:1.25rem;box-shadow:0 1.25rem 3rem rgba(0,0,0,.14)}
.totp-qr svg{display:block;width:100%;height:100%}
.security-note{max-width:34rem;margin:0 auto 1.5rem;color:#6b6252;text-align:center;font-size:.92rem}