.page-header.svelte-iixacu h1:where(.svelte-iixacu){margin-bottom:.5rem;font-size:2.5rem}.subtitle.svelte-iixacu{font-size:1.15rem;color:var(--text-muted);max-width:800px;line-height:1.6}.vertical-sections.svelte-iixacu{display:flex;flex-direction:column;gap:3rem;margin-top:2.5rem;padding-bottom:4rem}.content-section.svelte-iixacu{background:#0003;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0003}.section-title.svelte-iixacu{margin:0;padding:1.5rem 2rem;font-size:1.5rem;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.section-body.svelte-iixacu{padding:2rem}.text-center.svelte-iixacu{text-align:center}.split-layout.svelte-iixacu{display:flex;gap:2rem;align-items:flex-start}.text-part.svelte-iixacu{flex:1}.visual-part.svelte-iixacu{flex:1.2}.section-simple.svelte-iixacu{border-top:4px solid #3b82f6}.section-simple.svelte-iixacu .section-title:where(.svelte-iixacu){color:#3b82f6}.section-dns.svelte-iixacu{border-top:4px solid #8b5cf6}.section-dns.svelte-iixacu .section-title:where(.svelte-iixacu){color:#8b5cf6}.section-osi.svelte-iixacu{border-top:4px solid #10b981}.section-osi.svelte-iixacu .section-title:where(.svelte-iixacu){color:#10b981}.interactive-box.svelte-iixacu{background:#0000004d;border:1px solid var(--box-border);border-radius:8px;padding:1.5rem;margin-top:1.5rem}.sim-stage.svelte-iixacu{display:flex;justify-content:space-between;align-items:center;min-height:200px;position:relative;padding:1rem;background:#ffffff08;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.device.svelte-iixacu{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;background:#1e293b;border-radius:8px;border:2px solid #334155;z-index:2;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.device.smaller.svelte-iixacu{width:100px;height:100px}.device.active.svelte-iixacu{border-color:#3b82f6;box-shadow:0 0 15px #3b82f680;transform:scale(1.05)}.device.highlight.svelte-iixacu{border-color:#8b5cf6;box-shadow:0 0 15px #8b5cf680;transform:scale(1.05)}.icon.svelte-iixacu{font-size:2.5rem;margin-bottom:.5rem}.label.svelte-iixacu{font-weight:700;font-size:.9rem}.screen-content.svelte-iixacu,.search-gear.svelte-iixacu{position:absolute;top:-15px;right:-15px;background:#10b981;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;box-shadow:0 2px 10px #00000080}.search-gear.svelte-iixacu{background:#f59e0b}.connection-area.svelte-iixacu{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.connection-area.svelte-iixacu:before{content:"";position:absolute;width:100%;height:4px;background:#334155;border-radius:2px;z-index:0}.packet.svelte-iixacu{background:#fff;color:#000;padding:.5rem 1rem;border-radius:20px;font-weight:700;z-index:2;font-size:.9rem;box-shadow:0 4px 10px #00000080;white-space:nowrap}.packet.req.svelte-iixacu{background:#93c5fd}.packet.res.svelte-iixacu{background:#6ee7b7}.routing-stage.svelte-iixacu{padding:0;background:transparent}.network-map.svelte-iixacu{position:relative;width:100%;height:350px;background:#ffffff05;border-radius:8px;overflow:hidden}.network-svg.svelte-iixacu{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.dash-anim.svelte-iixacu{stroke-dashoffset:1000;animation:svelte-iixacu-dash 5s linear forwards}@keyframes svelte-iixacu-dash{to{stroke-dashoffset:0}}.node-box.svelte-iixacu{position:absolute;transform:translate(-50%,-50%);z-index:3}.dns-device.svelte-iixacu{margin-bottom:0!important}.ruter-node.svelte-iixacu{position:absolute;transform:translate(-50%,-50%);background:#1e293b;color:#94a3b8;padding:.4rem .6rem;border-radius:4px;font-size:.75rem;border:1px solid #475569;z-index:2;transition:all .3s;opacity:.4}.ruter-node.active.svelte-iixacu{opacity:1;background:#0f172a;color:#fff;border-color:#3b82f6;box-shadow:0 0 10px #3b82f666;transform:translate(-50%,-50%) scale(1.1)}.sim-controls.svelte-iixacu{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:1rem;border-radius:8px}.step-text.svelte-iixacu{margin:0;flex:1;padding-right:1rem;font-size:1.05rem;line-height:1.4}.primary-btn.svelte-iixacu{background:#3b82f6;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;white-space:nowrap}.primary-btn.svelte-iixacu:hover{background:#2563eb;transform:translateY(-2px)}.primary-btn.svelte-iixacu:active{transform:translateY(0)}.primary-btn.purple.svelte-iixacu{background:#8b5cf6}.primary-btn.purple.svelte-iixacu:hover{background:#7c3aed}.primary-btn.green.svelte-iixacu{background:#10b981}.primary-btn.green.svelte-iixacu:hover{background:#059669}.osi-graphic.svelte-iixacu{display:flex;justify-content:space-between;align-items:flex-end;position:relative;padding-bottom:2rem;border-bottom:6px solid #111;min-height:350px}.physical-media.svelte-iixacu{position:absolute;bottom:-25px;left:0;right:0;height:20px;display:flex;justify-content:center;align-items:center}.cable-text.svelte-iixacu{position:absolute;bottom:-35px;color:var(--text-muted);font-size:.8rem;margin:0}.optical-pulse.svelte-iixacu{position:absolute;color:#fbbf24;font-size:1.5rem;filter:drop-shadow(0 0 10px #fbbf24)}.pulse-client-router.svelte-iixacu{animation:svelte-iixacu-flyClientRouter 1.2s infinite linear}@keyframes svelte-iixacu-flyClientRouter{0%{left:15%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:50%;opacity:0}}.pulse-router-server.svelte-iixacu{animation:svelte-iixacu-flyRouterServer 1.2s infinite linear}@keyframes svelte-iixacu-flyRouterServer{0%{left:50%;opacity:0}20%{opacity:1}80%{opacity:1}to{left:85%;opacity:0}}.pulse-left.svelte-iixacu{animation:svelte-iixacu-flyLeft 1.5s infinite linear}@keyframes svelte-iixacu-flyLeft{0%{left:90%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:10%;opacity:0}}.table-container.svelte-iixacu{width:100%;overflow-x:auto}.osi-table.svelte-iixacu{width:100%;border-collapse:collapse;margin-top:1rem;text-align:left}.osi-table.svelte-iixacu th:where(.svelte-iixacu),.osi-table.svelte-iixacu td:where(.svelte-iixacu){padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);line-height:1.5}.osi-table.svelte-iixacu th:where(.svelte-iixacu){background:#0000004d;color:var(--text-main);font-weight:600}.lag-badge.svelte-iixacu{display:inline-block;padding:.3rem .6rem;border-radius:4px;color:#fff;font-weight:700;font-size:.85rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);white-space:nowrap}.column-group.svelte-iixacu{display:flex;flex-direction:column;align-items:center;width:30%;position:relative}.osi-stack.svelte-iixacu{display:flex;flex-direction:column;gap:2px;width:100%;background:#1e293b;padding:.5rem;border-radius:8px 8px 0 0;border:2px solid #334155;border-bottom:none;transition:box-shadow .3s}.osi-stack.pulsate.svelte-iixacu{box-shadow:0 0 20px #10b98166;border-color:#10b981}.osi-stack.svelte-iixacu h4:where(.svelte-iixacu){margin:0 0 .5rem;color:#fff}.layer-bar.svelte-iixacu{padding:.3rem;text-align:center;font-size:.75rem;font-weight:700;color:#fff;border-radius:2px;transition:opacity .5s;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.router-col.svelte-iixacu{justify-content:flex-end}.down-arrow.svelte-iixacu,.up-arrow.svelte-iixacu,.up-down-arrow.svelte-iixacu{position:absolute;font-size:2rem;color:#fffc}.down-arrow.svelte-iixacu{right:-20px;top:50%}.up-arrow.svelte-iixacu{left:-20px;top:50%}.up-down-arrow.svelte-iixacu{top:-40px}@media(max-width:900px){.split-layout.svelte-iixacu{flex-direction:column}.osi-graphic.svelte-iixacu{flex-direction:column;align-items:center;gap:2rem;min-height:auto;border-bottom:none;padding-bottom:0}.physical-media.svelte-iixacu{display:none}.column-group.svelte-iixacu{width:100%;max-width:300px}.osi-stack.svelte-iixacu{border-bottom:2px solid #334155;border-radius:8px}}.mt-2.svelte-iixacu{margin-top:1.5rem}