.architecture_body__u93I7{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0e0e0;padding:40px 20px;overflow-x:auto}.architecture_container__2gpBE{max-width:1600px;margin:0 auto;min-width:1200px}.architecture_h1__ZcaLg{text-align:center;font-size:2.5em;margin-bottom:10px;background:linear-gradient(90deg,#00d4ff,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,212,255,.5)}.architecture_subtitle__haacz{text-align:center;color:#9ca3af;margin-bottom:40px;font-size:1.1em}.architecture_expandable-section__ypYZZ{background:rgba(20,20,35,.5);border:1px solid rgba(100,100,150,.3);border-radius:12px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.architecture_section-header__DTSUm{padding:20px 25px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:rgba(30,30,50,.6);transition:all .3s ease;min-height:44px}.architecture_section-header__DTSUm:hover{background:rgba(40,40,60,.8)}.architecture_section-header__DTSUm h3{font-size:1.4em;color:#a855f7;display:flex;align-items:center;gap:10px}.architecture_toggle-icon__g3REV{font-size:1.5em;transition:transform .3s ease;color:#00d4ff}.architecture_expandable-section__ypYZZ.architecture_expanded__JOU67 .architecture_toggle-icon__g3REV{transform:rotate(180deg)}.architecture_section-content___q8kp{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 25px}.architecture_expandable-section__ypYZZ.architecture_expanded__JOU67 .architecture_section-content___q8kp{max-height:2000px;padding:25px}.architecture_pipeline__0HvYI{background:rgba(40,40,70,.5);border:1px solid rgba(168,85,247,.4);border-radius:10px;padding:20px;margin-bottom:15px}.architecture_pipeline-title__5lnEN{font-size:1.1em;font-weight:600;margin-bottom:15px;color:#a855f7;display:flex;align-items:center;gap:10px}.architecture_pipeline-flow__66Aap{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.architecture_pipeline-step__roxoP{background:rgba(60,60,100,.6);padding:8px 14px;border-radius:8px;font-size:.85em;border:1px solid rgba(168,85,247,.3);white-space:nowrap}.architecture_pipeline-arrow__Giqqj{color:#a855f7;font-size:1.2em}@media (max-width:1199px){.architecture_container__2gpBE{min-width:auto;max-width:100%;padding:0 15px}.architecture_h1__ZcaLg{font-size:2.2em}.architecture_subtitle__haacz{font-size:1em}.architecture_section-header__DTSUm h3{font-size:1.3em}}@media (max-width:767px){.architecture_body__u93I7{padding:20px 10px}.architecture_container__2gpBE{min-width:auto;max-width:100%;padding:0 10px}.architecture_h1__ZcaLg{font-size:1.8em;margin-bottom:8px}.architecture_subtitle__haacz{font-size:.95em;margin-bottom:25px}.architecture_section-header__DTSUm{padding:15px;min-height:44px}.architecture_section-header__DTSUm h3{font-size:1.2em;gap:8px}.architecture_toggle-icon__g3REV{font-size:1.3em}.architecture_section-content___q8kp{padding:0 15px}.architecture_expandable-section__ypYZZ.architecture_expanded__JOU67 .architecture_section-content___q8kp{max-height:3000px;padding:20px 15px}.architecture_pipeline__0HvYI{padding:15px;margin-bottom:12px}.architecture_pipeline-title__5lnEN{font-size:1em;margin-bottom:12px}.architecture_pipeline-flow__66Aap{flex-direction:column;align-items:stretch;gap:8px}.architecture_pipeline-step__roxoP{padding:10px 12px;font-size:.8em;text-align:center;white-space:normal}.architecture_pipeline-arrow__Giqqj{align-self:center;transform:rotate(90deg);font-size:1em}}@media (max-width:480px){.architecture_h1__ZcaLg{font-size:1.5em}.architecture_subtitle__haacz{font-size:.9em}}@media (prefers-reduced-motion:reduce){.architecture_section-content___q8kp,.architecture_section-header__DTSUm,.architecture_toggle-icon__g3REV{transition:none}}@media (max-width:767px) and (orientation:landscape){.architecture_pipeline-flow__66Aap{flex-direction:row;flex-wrap:wrap}.architecture_pipeline-arrow__Giqqj{transform:none}}.main-flow{background:rgba(20,20,35,.6);border:2px solid rgba(0,212,255,.4);border-radius:16px;padding:30px;margin-bottom:30px;box-shadow:0 0 30px rgba(0,212,255,.2)}.flow-title{font-size:1.8em;margin-bottom:25px;color:#00d4ff;gap:10px}.flow-diagram,.flow-title{display:flex;align-items:center}.flow-diagram{justify-content:space-between;gap:20px;position:relative;padding:20px 0}.flow-node{flex:1;background:linear-gradient(135deg,rgba(30,30,50,.9),rgba(40,40,70,.7));border:2px solid;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;z-index:10}.flow-node:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 40px rgba(0,212,255,.4)}.flow-node.user{border-color:#3b82f6;box-shadow:0 0 20px rgba(59,130,246,.3)}.flow-node.edge{border-color:#06b6d4;box-shadow:0 0 20px rgba(6,182,212,.3)}.flow-node.compute{border-color:#a855f7;box-shadow:0 0 20px rgba(168,85,247,.3)}.flow-node.data{border-color:#10b981;box-shadow:0 0 20px rgba(16,185,129,.3)}.node-icon{font-size:3em;margin-bottom:10px}.node-name{font-size:1.2em;font-weight:600;margin-bottom:5px;color:#fff}.node-detail{font-size:.85em;color:#9ca3af}.flow-arrow{font-size:2em;color:#00d4ff;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.component-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.component-card{background:linear-gradient(135deg,rgba(30,30,50,.8),rgba(40,40,70,.6));border:1px solid rgba(100,150,255,.3);border-radius:10px;padding:15px;text-align:center;transition:all .3s ease}.component-card:hover{transform:translateY(-3px);border-color:#00d4ff;box-shadow:0 8px 25px rgba(0,212,255,.3)}.component-icon{margin-bottom:10px;display:flex;justify-content:center;align-items:center;height:40px}.component-name{font-size:1em;font-weight:600;margin-bottom:5px;color:#fff}.component-desc{font-size:.8em;color:#9ca3af}.layer-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:600;margin-bottom:20px}.layer-badge.user{background:rgba(59,130,246,.2);border:1px solid #3b82f6;color:#3b82f6}.layer-badge.aws{background:rgba(168,85,247,.2);border:1px solid #a855f7;color:#a855f7}.layer-badge.devops{background:rgba(16,185,129,.2);border:1px solid #10b981;color:#10b981}.info-box{background:rgba(30,30,50,.6);border-left:4px solid #00d4ff;border-radius:8px;padding:15px 20px;margin:20px 0;font-size:.95em;color:#cbd5e1}.info-box strong{color:#00d4ff}@media (max-width:1199px){.flow-title{font-size:1.6em}.flow-diagram{display:grid;grid-template-columns:1fr 1fr;gap:15px}.flow-arrow{display:none}.flow-node{min-height:180px}.node-icon{font-size:2.5em}.component-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.main-flow{padding:25px}}@media (max-width:767px){.main-flow{padding:20px 15px;margin-bottom:20px}.flow-title{font-size:1.4em;margin-bottom:20px;flex-wrap:wrap}.flow-diagram{display:flex;flex-direction:column;gap:12px;padding:10px 0}.flow-node{flex:none;width:100%;min-height:auto;padding:18px 15px}.flow-node:hover{transform:translateY(-2px) scale(1.02)}.node-icon{font-size:2em;margin-bottom:8px}.node-name{font-size:1.1em}.node-detail{font-size:.8em}.flow-arrow{display:block;font-size:1.5em;transform:rotate(90deg);margin:-5px 0}.component-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.component-card{padding:12px 10px}.component-card:hover{transform:translateY(-2px)}.component-icon{font-size:1.8em;margin-bottom:8px}.component-name{font-size:.9em;margin-bottom:4px}.component-desc{font-size:.75em;line-height:1.3}.layer-badge{padding:6px 12px;font-size:.85em;margin-bottom:15px}.info-box{padding:12px 15px;margin:15px 0;font-size:.9em;border-left-width:3px}}@media (max-width:480px){.flow-title{font-size:1.2em}.component-grid{grid-template-columns:1fr}.component-card{padding:15px}.component-icon{font-size:2em}.node-icon{font-size:1.8em}}@media (prefers-reduced-motion:reduce){.component-card,.flow-node{transition:none}.flow-arrow{animation:none}.component-card:hover,.flow-node:hover{transform:none}}@media (max-width:767px) and (orientation:landscape){.flow-diagram{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow-arrow:nth-of-type(2),.flow-arrow:nth-of-type(4){display:none}.component-grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=441619d3d885b447.css.map*/