/* COINJOIN SIMULATOR STYLES */
:root{--color-brand:#f7931a;--color-bg:#1a1a1a;--color-surface:#2d2d2d;--color-surface-light:#3a3a3a;--color-text:#e0e0e0;--color-text-dim:#a0a0a0;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem}.demo-container{max-width:1400px;margin:0 auto;padding:2rem;background:var(--color-bg);color:var(--color-text)}.demo-header{text-align:center;margin-bottom:var(--spacing-xl)}.demo-header h1{font-size:2.5rem;margin-bottom:var(--spacing-sm);background:linear-gradient(135deg,var(--color-brand),#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.progress-steps{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-sm);position:relative}.progress-steps::before{content:'';position:absolute;top:20px;left:0;right:0;height:2px;background:var(--color-surface-light);z-index:0}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;z-index:1;cursor:pointer}.step-number{width:40px;height:40px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-surface-light);display:flex;align-items:center;justify-content:center;font-weight:bold;transition:all .3s}.step.active .step-number{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-bg)}.step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:white}.demo-step{display:none}.demo-step.active{display:block;animation:fadeIn .5s}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.explanation-box{background:var(--color-surface);padding:var(--spacing-lg);border-radius:12px;margin-bottom:var(--spacing-lg);border-left:4px solid var(--color-brand)}.privacy-scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.scenario-card{background:var(--color-bg);padding:var(--spacing-md);border-radius:8px}.tracking-demo{background:var(--color-surface);padding:var(--spacing-lg);border-radius:12px;margin-bottom:var(--spacing-lg)}.timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.timeline-event{background:var(--color-bg);padding:var(--spacing-md);border-radius:8px;border-left:3px solid var(--color-brand)}.transaction{background:var(--color-surface);padding:var(--spacing-sm);border-radius:6px;margin:var(--spacing-sm) 0}.tx-flow{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0}.coinjoin-visual{margin:var(--spacing-lg) 0}.tx-diagram{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center;background:var(--color-bg);padding:var(--spacing-md);border-radius:8px;margin:var(--spacing-md) 0}.inputs,.outputs{display:flex;flex-direction:column;gap:var(--spacing-xs)}.utxo{padding:var(--spacing-sm);border-radius:6px;text-align:center;font-size:.9rem}.utxo.alice{background:rgba(247,147,26,.2);border:2px solid #f7931a;color:#fff}.utxo.bob{background:rgba(76,175,80,.2);border:2px solid #4caf50;color:#fff}.utxo.carol{background:rgba(255,152,0,.2);border:2px solid #ff9800;color:#fff}.utxo.mixed{background:rgba(247,147,26,.2);border:2px solid var(--color-brand)}.mixer{text-align:center}.mixer-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.coinjoin-simulator{background:var(--color-surface);padding:var(--spacing-lg);border-radius:12px}.simulator-controls{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.simulator-controls label{display:flex;align-items:center;gap:var(--spacing-sm)}.phase{background:var(--color-bg);padding:var(--spacing-md);border-radius:8px;margin-bottom:var(--spacing-md)}.participants-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.participant{background:var(--color-brand);padding:var(--spacing-sm);border-radius:6px;font-size:.9rem}.transaction-builder{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center}.tx-inputs,.tx-outputs{display:flex;flex-direction:column;gap:var(--spacing-xs)}.tx-input,.tx-output{background:var(--color-surface-light);padding:var(--spacing-sm);border-radius:6px;font-size:.85rem}.btn-primary,.btn-secondary,.btn-next,.btn-back{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:bold;cursor:pointer;transition:all .3s}.btn-primary{background:var(--color-brand);color:var(--color-bg)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(247,147,26,.4)}.btn-next{background:var(--color-brand);color:var(--color-bg);margin-top:var(--spacing-lg)}.btn-back{background:var(--color-surface-light);color:var(--color-text)}.navigation-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.takeaway-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-lg) 0}.takeaway-card{background:var(--color-surface);padding:var(--spacing-md);border-radius:8px;text-align:center}.takeaway-card .icon{font-size:3rem;margin-bottom:var(--spacing-sm)}.tools-grid,.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin:var(--spacing-md) 0}.tool-card,.resource-link{background:var(--color-surface);padding:var(--spacing-md);border-radius:8px;text-decoration:none;color:var(--color-text);transition:all .3s}.tool-card:hover,.resource-link:hover{transform:translateY(-3px);border:2px solid var(--color-brand)}.practices-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media (max-width:768px){.demo-container{padding:1rem}.tx-diagram,.transaction-builder{grid-template-columns:1fr}.practices-columns{grid-template-columns:1fr}}