.fp-visual-infrastructure{min-width:0}.infra-scene{--infra-ink:#f9f7ff;--infra-muted:#b8b7cb;position:relative;border-radius:26px;background:linear-gradient(150deg,#252037,#171625);border:1px solid #453959;color:var(--infra-ink);box-shadow:0 28px 65px #17162521;overflow:clip;text-align:left}.infra-top{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #ffffff14;gap:12px}.infra-top>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750}.infra-top svg{width:18px;color:var(--fp-accent)}.infra-top small{font-size:10px;color:var(--infra-muted);white-space:nowrap}.infra-canvas{padding:25px 25px 23px;min-height:373px}.infra-kicker{font-size:9px;letter-spacing:1.35px;font-weight:750;color:#c0b6dc;margin-bottom:20px}.infra-request{display:flex;align-items:center;gap:10px;font-size:13px;margin-bottom:19px;color:#ded9ee}.infra-request svg{width:19px;color:#c2a5ff}.infra-signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6be2be;box-shadow:0 0 0 5px #6be2be12;margin-left:auto}.infra-stack{position:relative;display:grid;gap:9px;padding-left:20px}.infra-stack:before{content:'';position:absolute;top:17px;bottom:20px;left:0;width:1px;background:linear-gradient(#faaf62,#c2a5ff,#e47787)}.infra-layer{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid #ffffff15;border-radius:11px;background:#ffffff04;position:relative;transition:background .5s,border-color .5s,transform .5s}.infra-layer:before{content:'';position:absolute;left:-24px;width:8px;height:8px;border-radius:50%;background:#524560}.infra-layer>svg{width:25px;height:25px;flex:none}.infra-layer div{display:grid;gap:3px}.infra-layer b{font-size:16px}.infra-layer span{font-size:11px;color:var(--infra-muted)}.infra-layer small{margin-left:auto;font-size:10px;color:#86809b}.infra-cloud>svg{color:#ffb66e}.infra-web>svg{color:#b99aff}.infra-data>svg{color:#ff8c9d}.infra-layer.is-active{background:#a777ff16;border-color:#b693ff80;transform:translateX(3px)}.infra-layer.is-active:before{background:#d8beff;box-shadow:0 0 0 4px #a777ff24}.infra-published{margin-top:21px;display:flex;align-items:center;gap:12px;border-radius:10px;padding:13px;background:#6be2be09;border:1px solid #6be2be24;transition:border-color .5s}.infra-published>div:nth-child(2){flex:1}.infra-article-thumb{width:45px;height:45px;background:linear-gradient(150deg,#56436d,#3a2f50);border-radius:8px;display:grid;place-items:center}.infra-article-thumb svg{width:23px;color:#d6c0f6}.infra-published span{display:block;font-size:8px;letter-spacing:1px;color:#7be6c6}.infra-published b{display:block;font-size:12px;margin-top:4px}.infra-published>svg{width:21px;color:#6be2be}.infra-line-group{display:flex;gap:5px;margin-top:7px}.infra-line-group i{height:3px;width:50px;background:#ffffff15;border-radius:4px}.infra-line-group i+ i{width:30px}.infra-published.is-active{border-color:#6be2be9c}.infra-scene-status{display:flex;align-items:center;gap:13px;padding:16px 24px;background:#ffffff05;border-top:1px solid #ffffff13;min-height:90px}.infra-stage-count{font-size:9px;color:#bda9e6;border:1px solid #bda9e633;padding:7px 6px;border-radius:7px;white-space:nowrap;font-variant-numeric:tabular-nums}.infra-scene-status>div{flex:1;min-width:0}.infra-scene-status b{font-size:12px}.infra-scene-status p{font-size:11px;line-height:1.5;color:var(--infra-muted);margin:4px 0 0}.infra-scene-status button{width:32px;height:32px;display:grid;place-items:center;background:#ffffff06;color:#ded7ef;border:1px solid #ffffff22;border-radius:50%;cursor:pointer;flex:none}.infra-scene-status button:hover{background:#ffffff15}.infra-scene-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:14px 18px 18px}.infra-scene-controls button{font:inherit;font-size:9px;text-align:left;padding:8px 7px;color:#bab3ce;border:1px solid #ffffff0c;border-radius:7px;background:transparent;cursor:pointer;line-height:1.5;transition:background .2s,border-color .2s;overflow-wrap:anywhere}.infra-scene-controls button span{display:block;font-size:8px;color:#877a9e;margin-bottom:2px}.infra-scene-controls button[aria-pressed=true]{color:#f7f0ff;background:#b78bff18;border-color:#b78bff70}.infra-scene button:focus-visible{outline:2px solid #a8f2db;outline-offset:3px}.infra-global-cdn,.infra-sistem-izleme{background:linear-gradient(145deg,#142f39,#17202c);border-color:#2f5161}.infra-global-cdn .infra-kicker,.infra-sistem-izleme .infra-kicker{color:#85d5dc}.infra-map{position:relative;margin:0 -5px 10px;color:#69d9e8;background:radial-gradient(ellipse at 50% 45%,#4fd7e111,transparent 65%)}.infra-map svg{width:100%;height:auto;display:block}.infra-map>span{position:absolute;left:50%;top:52%;transform:translateX(-50%);font-size:10px;white-space:nowrap;color:#e3f9fc}.infra-map>small{position:absolute;right:0;bottom:0;font-size:8px;color:#87abb7}.infra-map-paths{animation:infra-route 8s linear infinite}.infra-map-pulse{transform-origin:267px 95px;animation:infra-pulse 2.6s ease-out infinite}.infra-cdn-route{display:grid;grid-template-columns:1fr auto 1.1fr auto 1.4fr;align-items:center;gap:6px;margin-top:14px}.infra-cdn-route>div{display:grid;justify-items:center;gap:9px;padding:13px 7px;background:#ffffff04;border:1px solid #ffffff13;border-radius:10px;transition:background .5s,border-color .5s}.infra-cdn-route svg{width:22px;color:#7bdfec}.infra-cdn-route b{font-size:10px;white-space:nowrap}.infra-cdn-route>span{font-size:12px;color:#669daa}.infra-cdn-route .is-active{border-color:#68d6e89c;background:#68d6e810}.infra-note{display:flex;align-items:center;gap:8px;border:1px solid #ffffff14;border-radius:9px;margin-top:17px;padding:12px;font-size:10px;color:#bdd3d9;line-height:1.5;transition:background .5s,border-color .5s}.infra-note svg{width:17px;flex:none;color:#80dbc8}.infra-note.is-active{border-color:#69dcc16c;background:#69dcc108}.infra-ddos-korumasi{background:linear-gradient(150deg,#14302c,#172127);border-color:#2d564a}.infra-ddos-korumasi .infra-kicker{color:#91d7ba}.infra-security{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:18px;align-items:center;padding:17px 0 11px;min-height:226px}.infra-traffic{display:grid;gap:9px}.infra-traffic>span{font-size:8px;color:#95baa9;letter-spacing:1px;margin-bottom:4px}.infra-traffic>div{display:flex;align-items:center;gap:6px;font-size:10px;height:32px;position:relative}.infra-traffic svg{width:14px;color:#8ee7c6}.infra-traffic .infra-suspicious{color:#c89a9e}.infra-traffic .infra-suspicious svg{color:#ed8c97}.infra-packet{height:3px;width:20px;margin-left:auto;border-radius:6px;position:relative;animation:infra-packet 2.3s ease-in-out infinite}.infra-packet.good{background:#7de6bd}.infra-packet.bad{background:#ed8c97;animation-delay:.5s}.infra-shield{text-align:center;padding:20px 5px;position:relative;border:1px solid #67e6b837;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse,#71eac212,transparent);transition:background .5s,border-color .5s}.infra-shield>svg{height:56px;width:56px;color:#89efc9;display:block;margin:auto auto 10px}.infra-shield b{font-size:12px;line-height:1.4}.infra-shield span{display:block;font-size:8px;color:#99b9ae;margin-top:7px}.infra-shield.is-active{background:#68e9b61b;border-color:#96edc3a0}.infra-access{display:grid;justify-items:center;gap:8px;padding:17px 7px;border:1px solid #ffffff18;border-radius:10px;transition:border-color .5s}.infra-access svg{width:28px;height:28px;color:#b6e6d4}.infra-access b{font-size:12px}.infra-access span{font-size:8px;color:#a4bcb5}.infra-access>svg:last-child{width:16px;height:16px;color:#77ddb5}.infra-access.is-active{border-color:#71e8bcb0}.infra-security-legend{display:flex;justify-content:center;gap:15px;font-size:9px;color:#aec4bd;margin:21px 0 25px}.infra-security-legend span{display:flex;align-items:center;gap:5px}.infra-security-legend i{width:5px;height:5px;border-radius:50%}.infra-security-legend .good{background:#7de6bd}.infra-security-legend .bad{background:#ed8c97}.infra-yedekleme{background:linear-gradient(150deg,#332b24,#22202a);border-color:#605045}.infra-yedekleme .infra-kicker{color:#f2ca8f}.infra-backup-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.infra-backup-sources>div{display:grid;justify-items:center;gap:10px;padding:16px 5px;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff03;transition:border-color .5s}.infra-backup-sources svg{color:#e7bc80;width:23px}.infra-backup-sources b{font-size:10px;text-align:center}.infra-backup-sources.is-active>div{border-color:#ebc89080}.infra-backup-line{height:48px;display:grid;place-items:center;position:relative;color:#ab8965}.infra-backup-line span{position:absolute;top:0;bottom:0;width:1px;background:#b8936644}.infra-backup-line svg{width:15px;background:#2d2626;position:relative;animation:infra-drop 2.4s ease-in-out infinite}.infra-vault{display:flex;align-items:center;gap:14px;border:1px solid #c499563b;background:#c4995609;padding:19px 16px;border-radius:13px;transition:border-color .5s}.infra-vault>svg{color:#f0c996;width:35px;height:35px}.infra-vault>div:nth-child(2){display:grid;gap:5px;flex:1}.infra-vault span{font-size:8px;color:#b99b75;letter-spacing:1px}.infra-vault b{font-size:17px}.infra-vault small{font-size:10px;color:#baaf9f}.infra-vault.is-active{border-color:#e9c78aa3}.infra-vault-stack{width:38px;display:grid;gap:4px;transform:rotate(-9deg)}.infra-vault-stack i{height:8px;border-radius:3px;background:#cfaa6755;border:1px solid #cfaa675e;animation:infra-stack 3s ease-in-out infinite}.infra-vault-stack i:nth-child(2){animation-delay:.2s}.infra-vault-stack i:nth-child(3){animation-delay:.4s}.infra-backup-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:21px}.infra-backup-bottom>div{display:grid;grid-template-columns:24px 1fr;gap:5px 8px;align-items:center;padding:13px;border:1px solid #ffffff17;border-radius:10px;transition:border-color .5s}.infra-backup-bottom svg{width:21px;grid-row:span 2;color:#e0c195}.infra-backup-bottom b{font-size:11px}.infra-backup-bottom span{font-size:9px;color:#b6afa8;line-height:1.4}.infra-backup-bottom .is-active{border-color:#e9c78a80}.infra-monitor{padding:19px 16px;background:#ffffff03;border:1px solid #8bcadb28;border-radius:13px;transition:border-color .5s}.infra-monitor>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.infra-monitor>div:first-child>span{font-size:9px;color:#8fb9c6;letter-spacing:1px}.infra-monitor small{font-size:9px;color:#a0aaba}.infra-monitor svg{display:block;width:100%;height:112px;margin:14px 0}.infra-chart-grid{fill:none;stroke:#d0f3ff12;stroke-width:1}.infra-chart-path{fill:none;stroke:#87e1db;stroke-width:2.5;stroke-dasharray:850;stroke-dashoffset:850;animation:infra-chart 7s ease-in-out infinite}.infra-monitor-tags{display:flex;gap:6px;flex-wrap:wrap}.infra-monitor-tags span{font-size:9px;color:#9ac9d2;padding:5px 8px;border:1px solid #9ac9d21c;border-radius:5px}.infra-monitor.is-active{border-color:#79e3df80}.infra-monitor-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.infra-monitor-process>div{display:grid;justify-items:start;gap:8px;padding:15px 11px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff02;transition:background .5s,border-color .5s}.infra-monitor-process svg{width:21px;color:#a6d6de}.infra-monitor-process b{font-size:12px}.infra-monitor-process span{font-size:9px;line-height:1.4;color:#9eb9c6}.infra-monitor-process .is-active{background:#9ee9d509;border-color:#9ee9d57d}.infra-capacity-title{display:flex;align-items:center;gap:13px;margin-bottom:24px}.infra-capacity-title>svg{width:30px;height:30px;color:#c5a0ff}.infra-capacity-title>div{display:grid;gap:5px;flex:1}.infra-capacity-title span:not(.infra-signal){font-size:8px;letter-spacing:1px;color:#b2a4ca}.infra-capacity-title b{font-size:19px}.infra-resources{display:grid;gap:18px;padding:20px;border:1px solid #ffffff13;border-radius:13px;background:#ffffff03}.infra-resources>div{display:grid;gap:8px}.infra-resources>div>span{font-size:11px;color:#c3b8d8}.infra-resources>div>div{height:8px;border-radius:5px;background:#ffffff07;overflow:hidden}.infra-resources i{display:block;height:100%;border-radius:5px;width:38%;transition:width 1.2s ease-in-out;background:linear-gradient(90deg,#7860a3,#c5a0ff)}.infra-resource-ram{background:linear-gradient(90deg,#477a87,#8ccedb)!important;width:31%!important}.infra-resource-disk{background:linear-gradient(90deg,#447b71,#8fe0c6)!important;width:26%!important}.infra-resources small{font-size:8px;color:#8f849f;line-height:1.4}.infra-scene[data-phase="1"] .infra-resource-cpu{width:82%}.infra-scene[data-phase="1"] .infra-resource-ram{width:70%!important}.infra-scene[data-phase="1"] .infra-resource-disk{width:58%!important}.infra-scene[data-phase="2"] .infra-resource-cpu{width:64%}.infra-scene[data-phase="2"] .infra-resource-ram{width:56%!important}.infra-scene[data-phase="2"] .infra-resource-disk{width:49%!important}.infra-scene[data-phase="3"] .infra-resource-cpu{width:45%}.infra-scene[data-phase="3"] .infra-resource-ram{width:40%!important}.infra-scene[data-phase="3"] .infra-resource-disk{width:35%!important}.infra-capacity-nodes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:21px}.infra-capacity-nodes>div{display:grid;justify-items:center;gap:7px;text-align:center;padding:12px 4px;border:1px solid #ffffff13;border-radius:9px;transition:border-color .5s,background .5s}.infra-capacity-nodes svg{width:20px;color:#bfa4e9}.infra-capacity-nodes span{font-size:8px;color:#b7accb}.infra-capacity-nodes .is-active{border-color:#c5a0ff90;background:#c5a0ff0c}.infra-paused *{animation-play-state:paused!important}.infra-hub{padding:70px 0;background:#fafaff}.infra-hub-header{max-width:680px;margin-bottom:28px}.infra-hub-header h2{font-size:clamp(26px,3vw,39px);line-height:1.2;color:#12152a;margin:10px 0 14px}.infra-hub-header p{color:#566a82;line-height:1.8}.infra-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.infra-hub-grid a{background:white;border:1px solid #e1e3f0;border-radius:16px;padding:24px;color:#12152a;text-decoration:none;display:grid;grid-template-columns:34px 1fr 20px;gap:12px;align-items:start;transition:border-color .2s,transform .2s}.infra-hub-grid a>svg:first-child{color:#7443e8;background:#f3edff;padding:7px;width:34px;height:34px;border-radius:10px}.infra-hub-grid a>svg:last-child{width:17px;color:#7443e8}.infra-hub-grid b{font-size:16px}.infra-hub-grid p{color:#65758c;font-size:12px;line-height:1.65;margin:7px 0 0}.infra-hub-grid a:hover{border-color:#bba2ea;transform:translateY(-3px)}
@keyframes infra-route{to{stroke-dashoffset:-48}}@keyframes infra-pulse{0%{transform:scale(.7);opacity:.8}100%{transform:scale(1.65);opacity:0}}@keyframes infra-packet{0%,15%{transform:translateX(-7px);opacity:.2}70%{transform:translateX(8px);opacity:1}100%{transform:translateX(11px);opacity:0}}@keyframes infra-drop{0%,100%{transform:translateY(-3px);opacity:.5}50%{transform:translateY(4px);opacity:1}}@keyframes infra-stack{0%,100%{opacity:.5}50%{opacity:1}}@keyframes infra-chart{0%{stroke-dashoffset:850}60%,100%{stroke-dashoffset:0}}
@media(max-width:1100px){.infra-top{padding:0 19px}.infra-canvas{padding:23px 19px}.infra-scene-status{padding:15px 19px}.infra-security{gap:10px}.infra-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.fp-visual-infrastructure{max-width:570px;width:100%;margin:auto}.infra-canvas{min-height:0}.infra-map{max-width:500px;margin-inline:auto}.infra-security{min-height:230px}.infra-hub{padding:48px 0}}
@media(max-width:480px){.infra-scene{border-radius:20px}.infra-top{height:56px;padding:0 16px}.infra-top>span{font-size:12px}.infra-top small{font-size:9px}.infra-canvas{padding:21px 16px}.infra-kicker{font-size:8px;letter-spacing:.7px}.infra-layer{padding:12px;gap:11px}.infra-layer b{font-size:14px}.infra-layer span{font-size:10px}.infra-layer>svg{width:22px}.infra-scene-status{padding:14px 16px;gap:10px;min-height:91px}.infra-scene-controls{padding:12px;gap:4px}.infra-scene-controls button{font-size:8px;padding:7px 5px}.infra-security{gap:9px;grid-template-columns:1fr 1.15fr .8fr;min-height:202px}.infra-shield>svg{height:44px;width:44px}.infra-shield b{font-size:10px}.infra-shield span{font-size:7px}.infra-traffic>div{font-size:9px}.infra-packet{width:13px}.infra-security-legend{font-size:8px;gap:12px}.infra-access{padding:13px 3px}.infra-access>svg{width:24px}.infra-backup-sources{gap:6px}.infra-backup-sources b{font-size:9px}.infra-backup-bottom>div{padding:12px 9px}.infra-backup-bottom span{font-size:8px}.infra-cdn-route{gap:4px}.infra-cdn-route b{font-size:9px}.infra-cdn-route>div{padding:12px 4px}.infra-map>span{font-size:9px}.infra-map>small{font-size:7px}.infra-monitor-process{gap:7px}.infra-monitor-process>div{padding:13px 9px}.infra-monitor-process span{font-size:8px}.infra-capacity-nodes{gap:5px}.infra-capacity-nodes span{font-size:7px}.infra-hub-grid{grid-template-columns:1fr}.infra-hub-grid a{padding:20px}}
@media(prefers-reduced-motion:reduce){.infra-scene *{animation:none!important;transition:none!important}.infra-chart-path{stroke-dashoffset:0}.infra-map-pulse{opacity:.35}.infra-hub-grid a{transition:none}}