@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500&display=swap";:root{--color-background: #1a2a3a;--color-text-primary: #b0b8c0;--color-text-secondary: #8899aa;--color-text-highlight: #c8e600;--font-tech: "Orbitron", sans-serif;--font-body: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--color-background-light: #d0d4d8;--scroll-bg-mix: 100%}*{margin:0;padding:0;box-sizing:border-box}html,body{background-color:var(--color-background)}.container{min-height:100vh;background-color:var(--color-background)}.content-section{min-height:100vh;padding:2rem;padding-top:85px;transition:background .1s ease;background:linear-gradient(to bottom,var(--color-background) 0%,color-mix(in srgb,var(--color-background) calc(var(--scroll-bg-mix, 100%) + 20%),var(--color-background-light)) 30%)}.illustration{max-width:100%;height:auto;display:block;margin:2rem auto}.data-flow-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.flow-card{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 2rem;border:1px solid var(--color-text-secondary);border-radius:12px;background:var(--color-background);flex-wrap:wrap}.flow-card svg{width:100px;height:100px}.flow-arrow{display:flex;flex-direction:column;align-items:center;color:var(--color-text-highlight);font-size:1.5rem}.flow-arrow-vertical{color:var(--color-text-highlight);font-size:2rem;display:flex;flex-direction:column;align-items:center;line-height:.8;filter:drop-shadow(0 0 4px var(--color-text-highlight)) drop-shadow(0 2px 6px rgba(0,0,0,.5));text-shadow:0 0 8px var(--color-text-highlight)}.bidirectional-arrow{display:flex;align-items:center;gap:.25rem;color:var(--color-text-highlight);font-size:1.25rem;filter:drop-shadow(0 0 4px var(--color-text-highlight)) drop-shadow(0 2px 6px rgba(0,0,0,.5));text-shadow:0 0 8px var(--color-text-highlight)}@media (max-width: 768px){.flow-card{gap:.5rem;padding:1rem}.flow-card svg{width:60px;height:60px}.bidirectional-arrow{font-size:1rem}.flow-arrow-vertical{font-size:1.5rem}.data-flow-container{padding:1rem;gap:.75rem}}@media (max-width: 480px){.flow-card{padding:.75rem;gap:.25rem}.flow-card svg{width:45px;height:45px}.bidirectional-arrow{font-size:.875rem}.icon-card-back{padding:.5rem}.icon-card-back p{font-size:.75rem}}.title-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-background);min-height:60px;display:flex;justify-content:center;align-items:center}.title{font-family:var(--font-tech),sans-serif;color:var(--color-text-primary);letter-spacing:.1em;display:flex;gap:.5rem;white-space:nowrap}.dot{color:var(--color-text-highlight)}@media (max-width: 768px){.title{flex-direction:column;align-items:center;gap:0}}.footer{position:fixed;z-index:200;bottom:0;left:0;width:100%;background-color:var(--color-background);border:1px solid #000;padding:1rem;text-align:center;font-family:var(--font-body),sans-serif;color:var(--color-text-secondary);font-size:.8rem;box-shadow:0 -2px 10px #0000004d}.footer p{margin:.25rem 0}.icon-card-container{perspective:1000px;display:inline-block}.icon-card{position:relative;transition:transform .6s ease;transform-style:preserve-3d}.icon-card.flipped{transform:rotateY(180deg)}.icon-card-front,.icon-card-back{backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.icon-card-front{position:relative}.icon-card-back{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateY(180deg);border:2px solid currentColor;border-radius:8px;padding:1rem;box-sizing:border-box;background:#0000;color:inherit}.icon-card-back p{margin:0;text-align:center;font-size:.875rem;line-height:1.4}