.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}.fade-in{animation:fadeIn .8s ease-in forwards;opacity:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}.code-snippet{background-color:#282c34;border-radius:4px;color:#abb2bf;font-family:Consolas,Monaco,monospace;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.code-snippet .keyword{color:#c678dd}.code-snippet .function{color:#61afef}.code-snippet .string{color:#98c379}.code-snippet .comment{color:#5c6370;font-style:italic}.blueprint-bg{background-color:var(--color-primary-dark);background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:20px 20px;position:relative}.arch-diagram{box-shadow:0 4px 20px #0000001a;margin:0 auto;max-width:800px;width:100%}.arch-diagram,.card{background-color:var(--color-white);border-radius:8px;padding:2rem}.card{box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}:root{--color-primary-dark:#1c2b3a;--color-primary:#263747;--color-accent:#07c;--color-accent-alt:#d64045;--color-light:#f8f9fa;--color-gray:#e9ecef;--color-dark:#212529;--color-white:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--color-white);color:#212529;color:var(--color-dark);font-family:Inter,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700;line-height:1.2;margin:1.5rem 0 1rem}p{font-size:1rem;margin-bottom:1rem}a{color:#07c;color:var(--color-accent);text-decoration:none;transition:all .3s ease}a:hover{color:#263747;color:var(--color-primary)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.section{padding:5rem 0}.section-title{font-size:2.5rem;margin-bottom:2rem;position:relative}.section-title:after{background:#07c;background:var(--color-accent);content:"";display:block;height:4px;margin-top:.5rem;width:100px}.btn{background:#263747;background:var(--color-primary);border:none;border-radius:4px;cursor:pointer;display:inline-block;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.btn,.btn:hover{color:#fff;color:var(--color-white)}.btn:hover{background:#07c;background:var(--color-accent)}.btn-outline{background:#0000;border:2px solid #263747;border:2px solid var(--color-primary);color:#263747;color:var(--color-primary)}.btn-outline:hover{background:#263747;background:var(--color-primary);color:#fff;color:var(--color-white)}.grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(12,1fr)}@media (max-width:768px){.section{padding:3rem 0}.section-title{font-size:2rem}}@media (max-width:576px){.section{padding:2rem 0}.section-title{font-size:1.8rem}}
/*# sourceMappingURL=main.43c4b178.css.map*/