:root{--red:#e10600;--black:#0b0b0c;--panel:#171719;--line:#303034;--text:#f7f7f7;--muted:#a8a8ad;--radius:0;--space:clamp(1rem,2vw,2rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-header{min-height:76px;padding:1rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,11,12,.94);backdrop-filter:blur(12px);z-index:20}.brand{font:2rem 'Bebas Neue',sans-serif;color:var(--red);letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:1.5rem}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.3rem;background:var(--red);color:white;border:1px solid var(--red);border-radius:0;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn-small{padding:.6rem 1rem}.btn-ghost{background:transparent;color:white;border-color:var(--line)}.hero{min-height:calc(100vh - 76px);padding:clamp(3rem,8vw,8rem) clamp(1rem,7vw,7rem);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;background:radial-gradient(circle at 75% 40%,rgba(225,6,0,.17),transparent 30%)}.eyebrow{color:var(--red);font-weight:700;letter-spacing:.15em}.hero h1,.cta h2{font-family:'Bebas Neue',sans-serif;line-height:.88;margin:.5rem 0;font-size:clamp(4.3rem,9vw,9rem);letter-spacing:.015em}.lead{max-width:620px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.65}.actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hero-art{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;position:relative}.coin{width:55%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--red);font:clamp(3rem,7vw,7rem) 'Bebas Neue';box-shadow:0 0 80px rgba(225,6,0,.35)}.hero-art span{position:absolute;bottom:12%;font-size:.75rem;letter-spacing:.3em}.features{padding:5rem clamp(1rem,7vw,7rem);display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.features article,.card{background:var(--panel);border:1px solid var(--line);border-radius:0;padding:var(--space)}.features strong{color:var(--red)}.features p,.card p{color:var(--muted);line-height:1.6}.cta{padding:7rem clamp(1rem,7vw,7rem);text-align:center}.cta h2{font-size:clamp(3.5rem,7vw,7rem)}footer{padding:2rem clamp(1rem,7vw,7rem);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{padding:2rem 1.2rem;border-right:1px solid var(--line);background:#0d0d0e}.sidebar nav{display:grid;gap:.45rem;margin-top:2rem}.sidebar nav a{padding:.85rem 1rem;border-radius:0;color:var(--muted)}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel);color:white}.app-main{padding:clamp(1.2rem,4vw,3.5rem)}.page-head,.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem}.page-head h1,.app-header h1{font:clamp(2.6rem,5vw,4.5rem) 'Bebas Neue';margin:0}.grid,.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.dashboard-grid>.card{grid-column:span 6}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.span-12{grid-column:span 12}.balance,.balance-card h2{font-size:clamp(2.2rem,5vw,4rem);font-weight:700;margin:.35rem 0}.muted{color:var(--muted)}.form,.form-stack,.auth-card form{display:grid;gap:1rem}.form{max-width:680px}.field,.form-stack label,.auth-card form>label{display:grid;gap:.5rem}.field input,.field textarea,.field select,.form-stack input,.auth-card input,.app-header input{width:100%;padding:1rem;background:#111113;border:1px solid var(--line);border-radius:0;color:white}.app-header input{min-width:220px;padding:.75rem 1rem}.form-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--muted)}.form-row label{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.5rem}.form-row input{width:auto}.tabs{display:flex;gap:.5rem;margin:1rem 0}.tabs button,.auth-social button{padding:.8rem 1rem;border:1px solid var(--line);border-radius:0;background:#111113;color:var(--text);cursor:pointer}.tabs button[aria-selected=true]{border-color:var(--red);color:white}.auth-social{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.transaction-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}a.transaction-row:hover{color:white;background:rgba(255,255,255,.025)}.transaction-row strong{color:var(--text)}.qr-placeholder{min-height:180px;margin-top:1rem;border:1px dashed var(--line);border-radius:0;display:grid;place-items:center;color:var(--muted);font-weight:700;letter-spacing:.15em}.table-wrap{overflow:auto}.tx-table{width:100%;border-collapse:collapse;min-width:650px}.tx-table th,.tx-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--line)}.status{display:inline-block;padding:.35rem .7rem;border-radius:0;background:rgba(255,255,255,.08)}.auth,.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth-card{width:min(100%,480px);padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:0}.auth-card h1{font:clamp(2.8rem,8vw,4.8rem) 'Bebas Neue';margin:.25rem 0 1rem}.form-message{min-height:1.5em;color:var(--muted)}@media(max-width:850px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;padding:1rem;background:var(--black);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-art{max-width:420px;width:80%;justify-self:center}.features{grid-template-columns:1fr}.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:1rem}.sidebar nav{display:flex;overflow:auto;margin-top:1rem}.sidebar nav a{white-space:nowrap}.span-8,.span-4,.dashboard-grid>.card{grid-column:span 12}.app-header{align-items:flex-start;flex-direction:column}.app-header .actions{width:100%;margin-top:0}.app-header input{min-width:0;flex:1}}@media(max-width:560px){.hero h1{font-size:clamp(4rem,20vw,6rem)}.actions{flex-direction:column}.page-head{align-items:flex-start;gap:1rem;flex-direction:column}.auth-social{grid-template-columns:1fr}.form-row{align-items:flex-start;flex-direction:column}footer{flex-direction:column;gap:.5rem}}
/* Demo API: estados accesibles y contención de referencias largas. */
.demo-banner{padding:1rem;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:0;color:var(--text);line-height:1.5;margin-bottom:1.5rem}
.form-stack select{width:100%;padding:1rem;background:#111113;border:1px solid var(--line);border-radius:0;color:var(--text)}
button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:4px}
.app-main,.card,.dashboard-grid{min-width:0}.transaction-row>*{min-width:0;overflow-wrap:anywhere}.transaction-row strong{text-align:right}#wallet-address,.form-message{overflow-wrap:anywhere}.form-message a{text-decoration:underline}
@media(max-width:560px){.transaction-row{align-items:flex-start;flex-wrap:wrap}.transaction-row strong{text-align:left}.demo-banner{font-size:.85rem}.auth-card{padding:1.25rem}}
/* La navegación horizontal no debe ensanchar la columna móvil. */
.app-shell{grid-template-columns:250px minmax(0,1fr)}.sidebar{min-width:0}.sidebar nav{max-width:100%}.demo-banner{overflow-wrap:anywhere}
@media(max-width:850px){.app-shell{grid-template-columns:minmax(0,1fr)}}