#inicio { min-height:100vh; display:flex; align-items:center; padding:110px 5% 80px; position:relative; overflow:hidden; }
.h-bg { position:absolute; inset:0; pointer-events:none; background: radial-gradient(ellipse 55% 65% at 70% 35%,rgba(0,68,238,.07) 0%,transparent 70%), radial-gradient(ellipse 35% 45% at 85% 15%,rgba(0,200,255,.05) 0%,transparent 60%); }
canvas#hc { position:absolute; inset:0; width:100%; height:100%; opacity:.3; pointer-events:none; }
.scan { position:absolute; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--c),transparent); animation:sc 5s linear infinite; opacity:.25; pointer-events:none; }
@keyframes sc { 0%{top:0} 100%{top:100%} }
.h-inner { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:center; max-width:var(--mw); margin:0 auto; width:100%; }
.h-badge { display:inline-flex; align-items:center; gap:9px; font-family:var(--fm); font-size:.68rem; color:var(--c); letter-spacing:.12em; text-transform:uppercase; background:rgba(0,200,255,.07); border:1px solid rgba(0,200,255,.2); border-radius:4px; padding:.3rem .85rem; margin-bottom:1.5rem; }
.h-badge::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--c); box-shadow:0 0 8px var(--c); animation:bk 2s ease-in-out infinite; }
@keyframes bk { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.3;transform:scale(1.5)} }
h1 { font-family:var(--fh); font-size:clamp(2.8rem,5.5vw,4.6rem); font-weight:900; line-height:1.0; letter-spacing:-.02em; margin-bottom:1.4rem; }
h1 .acc { color:var(--c); text-shadow:0 0 50px rgba(0,200,255,.35); }
h1 .out { color:transparent; -webkit-text-stroke:1.5px rgba(0,200,255,.4); }
.h-sub { font-size:1.05rem; color:var(--mu); max-width:480px; line-height:1.8; margin-bottom:2rem; }
.h-btns { display:flex; gap:1rem; flex-wrap:wrap; margin-bottom:2.5rem; }
.h-stats { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--bdr); border-radius:var(--r); overflow:hidden; background:rgba(7,14,26,.8); }
.hs { padding:.9rem 1.1rem; border-right:1px solid var(--bdr); }
.hs:last-child { border-right:none; }
.hs-n { font-family:var(--fh); font-size:1.8rem; font-weight:800; color:var(--c); letter-spacing:-.03em; line-height:1; }
.hs-l { font-size:.7rem; color:var(--mu); margin-top:3px; }
.h-term { background:var(--bg3); border:1px solid var(--bdr); border-radius:var(--r); overflow:hidden; box-shadow:0 30px 90px rgba(0,0,0,.6); }
.th { background:var(--bg4); padding:.55rem .9rem; border-bottom:1px solid var(--bdr2); display:flex; align-items:center; gap:.5rem; }
.td2 { display:flex; gap:4px; }
.td2 span { width:10px; height:10px; border-radius:50%; }
.tr{background:#FF5F57}.ty{background:#FFBD2E}.tg{background:#28CA41}
.tl-term { font-family:var(--fm); font-size:.68rem; color:var(--mu); margin-left:.4rem; }
.tb { padding:1.2rem 1.4rem; font-family:var(--fm); font-size:.79rem; line-height:2; max-height:280px; overflow-y:auto; }
.tline { display:flex; gap:.5rem; }
.tprompt { color:var(--c); flex-shrink:0; }
.tcmd { color:#90B8D5; }
.tout { color:var(--mu); padding-left:1.3rem; }
.tout.ok { color:var(--green); }
.tout.info { color:var(--c); }
.tcursor { display:inline-block; width:7px; height:1em; background:var(--c); animation:cr .9s step-end infinite; vertical-align:text-bottom; }
@keyframes cr { 0%,100%{opacity:1} 50%{opacity:0} }
@media(max-width:1100px) { .h-inner{grid-template-columns:1fr} .h-term{display:none} }
@media(max-width:768px) { .h-stats{grid-template-columns:1fr 1fr} .hs:nth-child(3){grid-column:1/-1} }