.architecture-module__ZIeybG__body{color:#e0e0e0;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 50%,#16213e 100%);padding:40px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:auto}.architecture-module__ZIeybG__container{min-width:1200px;max-width:1600px;margin:0 auto}.architecture-module__ZIeybG__h1{text-align:center;background:linear-gradient(90deg,#00d4ff,#a855f7,#ec4899);-webkit-text-fill-color:transparent;text-shadow:0 0 30px #00d4ff80;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5em}.architecture-module__ZIeybG__subtitle{text-align:center;color:#9ca3af;margin-bottom:40px;font-size:1.1em}.architecture-module__ZIeybG__expandable-section{background:#14142380;border:1px solid #6464964d;border-radius:12px;margin-bottom:20px;transition:all .3s;overflow:hidden}.architecture-module__ZIeybG__section-header{cursor:pointer;background:#1e1e3299;justify-content:space-between;align-items:center;min-height:44px;padding:20px 25px;transition:all .3s;display:flex}.architecture-module__ZIeybG__section-header:hover{background:#28283ccc}.architecture-module__ZIeybG__section-header h3{color:#a855f7;align-items:center;gap:10px;font-size:1.4em;display:flex}.architecture-module__ZIeybG__toggle-icon{color:#00d4ff;font-size:1.5em;transition:transform .3s}.architecture-module__ZIeybG__expandable-section.architecture-module__ZIeybG__expanded .architecture-module__ZIeybG__toggle-icon{transform:rotate(180deg)}.architecture-module__ZIeybG__section-content{max-height:0;padding:0 25px;transition:max-height .3s;overflow:hidden}.architecture-module__ZIeybG__expandable-section.architecture-module__ZIeybG__expanded .architecture-module__ZIeybG__section-content{max-height:2000px;padding:25px}.architecture-module__ZIeybG__pipeline{background:#28284680;border:1px solid #a855f766;border-radius:10px;margin-bottom:15px;padding:20px}.architecture-module__ZIeybG__pipeline-title{color:#a855f7;align-items:center;gap:10px;margin-bottom:15px;font-size:1.1em;font-weight:600;display:flex}.architecture-module__ZIeybG__pipeline-flow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.architecture-module__ZIeybG__pipeline-step{white-space:nowrap;background:#3c3c6499;border:1px solid #a855f74d;border-radius:8px;padding:8px 14px;font-size:.85em}.architecture-module__ZIeybG__pipeline-arrow{color:#a855f7;font-size:1.2em}@media (max-width:1199px){.architecture-module__ZIeybG__container{min-width:auto;max-width:100%;padding:0 15px}.architecture-module__ZIeybG__h1{font-size:2.2em}.architecture-module__ZIeybG__subtitle{font-size:1em}.architecture-module__ZIeybG__section-header h3{font-size:1.3em}}@media (max-width:767px){.architecture-module__ZIeybG__body{padding:20px 10px}.architecture-module__ZIeybG__container{min-width:auto;max-width:100%;padding:0 10px}.architecture-module__ZIeybG__h1{margin-bottom:8px;font-size:1.8em}.architecture-module__ZIeybG__subtitle{margin-bottom:25px;font-size:.95em}.architecture-module__ZIeybG__section-header{min-height:44px;padding:15px}.architecture-module__ZIeybG__section-header h3{gap:8px;font-size:1.2em}.architecture-module__ZIeybG__toggle-icon{font-size:1.3em}.architecture-module__ZIeybG__section-content{padding:0 15px}.architecture-module__ZIeybG__expandable-section.architecture-module__ZIeybG__expanded .architecture-module__ZIeybG__section-content{max-height:3000px;padding:20px 15px}.architecture-module__ZIeybG__pipeline{margin-bottom:12px;padding:15px}.architecture-module__ZIeybG__pipeline-title{margin-bottom:12px;font-size:1em}.architecture-module__ZIeybG__pipeline-flow{flex-direction:column;align-items:stretch;gap:8px}.architecture-module__ZIeybG__pipeline-step{text-align:center;white-space:normal;padding:10px 12px;font-size:.8em}.architecture-module__ZIeybG__pipeline-arrow{align-self:center;font-size:1em;transform:rotate(90deg)}}@media (max-width:480px){.architecture-module__ZIeybG__h1{font-size:1.5em}.architecture-module__ZIeybG__subtitle{font-size:.9em}}@media (prefers-reduced-motion:reduce){.architecture-module__ZIeybG__section-header,.architecture-module__ZIeybG__toggle-icon,.architecture-module__ZIeybG__section-content{transition:none}}@media (max-width:767px) and (orientation:landscape){.architecture-module__ZIeybG__pipeline-flow{flex-flow:wrap}.architecture-module__ZIeybG__pipeline-arrow{transform:none}}
.main-flow{background:#14142399;border:2px solid #00d4ff66;border-radius:16px;margin-bottom:30px;padding:30px;box-shadow:0 0 30px #00d4ff33}.flow-title{color:#00d4ff;align-items:center;gap:10px;margin-bottom:25px;font-size:1.8em;display:flex}.flow-diagram{justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex;position:relative}.flow-node{text-align:center;cursor:pointer;z-index:10;background:linear-gradient(135deg,#1e1e32e6,#282846b3);border:2px solid;border-radius:12px;flex:1;padding:20px;transition:all .3s;position:relative}.flow-node:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 15px 40px #00d4ff66}.flow-node.user{border-color:#3b82f6;box-shadow:0 0 20px #3b82f64d}.flow-node.edge{border-color:#06b6d4;box-shadow:0 0 20px #06b6d44d}.flow-node.compute{border-color:#a855f7;box-shadow:0 0 20px #a855f74d}.flow-node.data{border-color:#10b981;box-shadow:0 0 20px #10b9814d}.node-icon{margin-bottom:10px;font-size:3em}.node-name{color:#fff;margin-bottom:5px;font-size:1.2em;font-weight:600}.node-detail{color:#9ca3af;font-size:.85em}.flow-arrow{color:#00d4ff;flex-shrink:0;font-size:2em;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.component-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px;display:grid}.component-card{text-align:center;background:linear-gradient(135deg,#1e1e32cc,#28284699);border:1px solid #6496ff4d;border-radius:10px;padding:15px;transition:all .3s}.component-card:hover{border-color:#00d4ff;transform:translateY(-3px);box-shadow:0 8px 25px #00d4ff4d}.component-icon{justify-content:center;align-items:center;height:40px;margin-bottom:10px;display:flex}.component-name{color:#fff;margin-bottom:5px;font-size:1em;font-weight:600}.component-desc{color:#9ca3af;font-size:.8em}.layer-badge{border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:.9em;font-weight:600;display:inline-block}.layer-badge.user{color:#3b82f6;background:#3b82f633;border:1px solid #3b82f6}.layer-badge.aws{color:#a855f7;background:#a855f733;border:1px solid #a855f7}.layer-badge.devops{color:#10b981;background:#10b98133;border:1px solid #10b981}.info-box{color:#cbd5e1;background:#1e1e3299;border-left:4px solid #00d4ff;border-radius:8px;margin:20px 0;padding:15px 20px;font-size:.95em}.info-box strong{color:#00d4ff}@media (max-width:1199px){.flow-title{font-size:1.6em}.flow-diagram{grid-template-columns:1fr 1fr;gap:15px;display:grid}.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{margin-bottom:20px;padding:20px 15px}.flow-title{flex-wrap:wrap;margin-bottom:20px;font-size:1.4em}.flow-diagram{flex-direction:column;gap:12px;padding:10px 0;display:flex}.flow-node{flex:none;width:100%;min-height:auto;padding:18px 15px}.flow-node:hover{transform:translateY(-2px)scale(1.02)}.node-icon{margin-bottom:8px;font-size:2em}.node-name{font-size:1.1em}.node-detail{font-size:.8em}.flow-arrow{margin:-5px 0;font-size:1.5em;display:block;transform:rotate(90deg)}.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{margin-bottom:8px;font-size:1.8em}.component-name{margin-bottom:4px;font-size:.9em}.component-desc{font-size:.75em;line-height:1.3}.layer-badge{margin-bottom:15px;padding:6px 12px;font-size:.85em}.info-box{border-left-width:3px;margin:15px 0;padding:12px 15px;font-size:.9em}}@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){.flow-node,.component-card{transition:none}.flow-arrow{animation:none}.flow-node:hover,.component-card:hover{transform:none}}@media (max-width:767px) and (orientation:landscape){.flow-diagram{grid-template-columns:1fr 1fr;gap:10px;display:grid}.flow-arrow:nth-of-type(2),.flow-arrow:nth-of-type(4){display:none}.component-grid{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=869f3e39d5f38748.css.map*/