@import "https://fonts.googleapis.com/css2?family=Creepster&family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg:#050505;--panel:#0a0a0ac7;--panel-solid:#10100f;--acid:#cf0;--green:#39ff14;--red:#f33;--dark-red:#8a0303;--gold:#fa0;--cream:#e8e6d9;--muted:#a9a89f;--border:#ccff0047;--shadow:0 0 40px #ccff001c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--cream);background:radial-gradient(circle at 0 0,#8a030359,#0000 32rem),radial-gradient(circle at 100% 0,#ccff0029,#0000 30rem),#050505;margin:0;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.72}code{color:var(--acid);word-break:break-all}.app-shell{background-image:radial-gradient(circle,#0000 0%,#050505 74%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");min-height:100vh}.site-header{z-index:20;border-bottom:2px solid var(--acid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d1;position:sticky;top:0}.nav-shell{justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:1rem;display:flex}.brand{color:var(--acid);letter-spacing:.06em;text-transform:uppercase;text-shadow:3px 3px 0 var(--dark-red), 6px 6px 0 #000;margin:0;font-family:Creepster,cursive;font-size:clamp(2rem,5vw,3.2rem);line-height:.9}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.16em;margin:0 0 .35rem;font-size:.74rem;font-weight:800}.nav-tabs,.tool-tabs,.hero-actions{flex-wrap:wrap;gap:.7rem;display:flex}.nav-tab,.tool-tab,.primary-btn,.secondary-btn{border:2px solid var(--border);color:var(--acid);text-transform:uppercase;letter-spacing:.08em;background:#000;padding:.75rem 1rem;font-weight:800;transition:all .18s}.nav-tab:hover,.tool-tab:hover,.secondary-btn:hover{border-color:var(--acid);background:#ccff0014;transform:translateY(-1px)}.nav-tab.active,.tool-tab.active,.primary-btn{background:var(--acid);color:#000;border-color:var(--acid);box-shadow:0 0 25px #ccff0040}.hero{grid-template-columns:1.7fr .9fr;gap:1rem;max-width:1180px;margin:0 auto;padding:4rem 1rem 2rem;display:grid}.hero-card,.warning-card,.panel{background:var(--panel);border:2px solid var(--border);box-shadow:var(--shadow);border-radius:1.2rem}.hero-card{padding:clamp(1.5rem,4vw,3rem)}.hero-card h2{max-width:850px;color:var(--acid);text-transform:uppercase;letter-spacing:.04em;text-shadow:3px 3px 0 var(--dark-red), 6px 6px 0 #000;margin:0 0 1rem;font-family:Creepster,cursive;font-size:clamp(2.4rem,7vw,5.7rem);line-height:.9}.hero-card p{max-width:760px;color:var(--cream);font-size:1.08rem;line-height:1.75}.warning-card{background:#32000040;border-color:#ff333373;align-self:stretch;padding:1.4rem}.warning-card h3{color:var(--red);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .8rem}.warning-card p{color:var(--cream);line-height:1.7}.pill{border:1px solid var(--acid);width:fit-content;color:var(--acid);text-transform:uppercase;letter-spacing:.08em;background:#ccff0014;margin:0 0 1rem;padding:.4rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.content-grid{grid-template-columns:.9fr 1.4fr;gap:1rem;max-width:1180px;margin:0 auto;padding:1rem;display:grid}.single-column,.tools-layout{max-width:1180px;margin:0 auto;padding:1rem}.panel{padding:clamp(1.1rem,3vw,2rem)}.full-width{grid-column:1/-1}.section-heading h2,.lesson-detail h2{color:var(--acid);text-transform:uppercase;letter-spacing:.04em;text-shadow:2px 2px 0 var(--dark-red), 4px 4px 0 #000;margin:0 0 1rem;font-family:Creepster,cursive;font-size:clamp(2.3rem,5vw,4.3rem);line-height:.95}.section-heading p,.summary{color:var(--muted);line-height:1.7}.lesson-list{flex-direction:column;gap:.8rem;display:flex}.lesson-card{text-align:left;width:100%;color:var(--cream);background:#00000080;border:2px solid #ccff0026;border-radius:.9rem;padding:1rem;transition:all .18s}.lesson-card:hover,.lesson-card.active{border-color:var(--acid);background:#ccff0014;transform:translateY(-1px)}.lesson-card span{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;display:block}.lesson-card strong{color:var(--acid);margin:.25rem 0;font-size:1.05rem;display:block}.lesson-card small{color:var(--muted);line-height:1.5;display:block}.learning-list{gap:.85rem;padding:0;list-style:none;display:grid}.learning-list li{background:#00000073;border:1px solid #ccff0029;border-radius:.9rem;padding:1rem 1rem 1rem 2.6rem;line-height:1.6;position:relative}.learning-list li:before{content:"☢";color:var(--acid);position:absolute;left:1rem}.takeaway,.result-box{background:#ccff0014;border:2px solid #ccff0059;border-radius:.9rem;margin-top:1.2rem;padding:1rem}.takeaway strong,.result-box h4{color:var(--acid);margin:0 0 .4rem}.takeaway p,.result-box p{margin:.35rem 0;line-height:1.6}.method-grid,.glossary-grid,.safety-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.method-card,.glossary-card,.safety-grid article{background:#00000073;border:1px solid #cf03;border-radius:1rem;padding:1rem}.method-card h3,.glossary-card h3,.safety-grid h3,.tool-card h3{color:var(--acid);margin:0 0 .7rem}.method-card p,.glossary-card p,.safety-grid p,.tool-card p{color:var(--cream);line-height:1.65}.danger{color:#ffd1d1!important}.tool-tabs{margin:1.2rem 0}.tool-card{background:#00000073;border:2px dashed #ccff0059;border-radius:1rem;max-width:760px;padding:1.2rem}.wide-tool{max-width:100%}.tool-card label{color:var(--gold);gap:.45rem;margin:1rem 0;font-weight:800;display:grid}.tool-card input,.tool-card select,.search-input{width:100%;color:var(--cream);background:#050505;border:2px solid #ccff004d;border-radius:.65rem;outline:none;padding:.85rem}.tool-card input:focus,.tool-card select:focus,.search-input:focus{border-color:var(--acid);box-shadow:0 0 0 3px #ccff001f}.form-grid{grid-template-columns:minmax(220px,.7fr) minmax(260px,1.3fr);align-items:end;gap:1rem;display:grid}.tool-action{margin-top:.5rem}.checkbox-grid{gap:.6rem;margin-top:1rem;display:grid}.check-row{background:#0006;border:1px solid #ccff0029;border-radius:.7rem;grid-template-columns:auto 1fr;align-items:center;padding:.8rem;color:var(--cream)!important;gap:.7rem!important;margin:0!important;display:flex!important}.check-row input{width:auto}.danger-box{background:#8a030347;border-color:#f339}.search-input{margin-bottom:1rem}.data-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.data-grid div{background:#0000006b;border:1px solid #ccff002e;border-radius:.75rem;padding:.85rem}.data-grid span{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.72rem;font-weight:800;display:block}.data-grid strong{color:var(--cream);word-break:break-word;display:block}.address-stack{background:#00000061;border:1px solid #ccff0029;border-radius:.75rem;margin-top:1rem;padding:1rem}.address-stack p{margin:.5rem 0}.explorer-link{color:#000;background:var(--acid);border:2px solid var(--acid);text-transform:uppercase;letter-spacing:.08em;margin-top:1rem;padding:.75rem 1rem;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.explorer-link:hover{transform:translateY(-1px);box-shadow:0 0 24px #ccff0038}.mini-warning{color:#ffe2a8;background:#ffaa001f;border:1px solid #ffaa0059;border-radius:.75rem;margin-top:1rem;padding:.85rem;line-height:1.6}.transaction-list{gap:.85rem;margin-top:1.3rem;display:grid}.transaction-list h4{margin:.5rem 0 0}.transaction-row{background:#0000006b;border:1px solid #ccff002e;border-radius:.85rem;padding:1rem}.transaction-row h5{color:var(--acid);margin:.65rem 0 .3rem;font-size:1.05rem}.transaction-row p{color:var(--muted);margin:.3rem 0}.transaction-row a{color:var(--acid);margin-top:.7rem;font-weight:800;display:inline-block}.transaction-topline{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.badge{width:fit-content;color:var(--acid);text-transform:uppercase;letter-spacing:.08em;background:#ccff0014;border:1px solid #ccff0057;padding:.25rem .55rem;font-size:.68rem;font-weight:800;display:inline-flex}.badge.incoming{color:#b9ffb0;background:#39ff1414;border-color:#39ff1461}.badge.outgoing{color:#ffd1d1;background:#ff333314;border-color:#ff333361}.tx-time{color:var(--muted);font-size:.8rem}.tx-addresses{color:var(--cream);grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.7rem;display:grid}.tx-addresses span{background:#00000059;border:1px solid #ccff001f;border-radius:.6rem;padding:.6rem}.footer{max-width:1180px;color:var(--muted);text-align:center;margin:2rem auto 0;padding:2rem 1rem 3rem;line-height:1.6}@media (width<=980px){.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}}@media (width<=900px){.nav-shell,.hero,.content-grid{grid-template-columns:1fr}.nav-shell{flex-direction:column;align-items:flex-start}.method-grid,.glossary-grid,.safety-grid{grid-template-columns:1fr}.hero{padding-top:2rem}}@media (width<=620px){.data-grid,.tx-addresses{grid-template-columns:1fr}}@media (width<=560px){.nav-tab,.tool-tab,.primary-btn,.secondary-btn,.nav-tabs,.tool-tabs,.hero-actions{width:100%}.hero-card h2{font-size:3rem}}
