:root{--ink:#0e1117;--panel:#151a22;--panel-2:#1b222d;--line:#29313f;--line-soft:#212934;--fg:#e7ecf3;--fg-mut:#97a2b4;--fg-dim:#647082;--in:#34d3c0;--out:#f6b44a;--in-soft:#34d3c01f;--out-soft:#f6b44a1f;--ok:#4ade80;--err:#f87171}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:16px;line-height:1.65}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}body:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(var(--line-soft) 1px,transparent 1px), linear-gradient(90deg,var(--line-soft) 1px,transparent 1px);opacity:.5;background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(85% 55% at 50% 0,#000,#0000 72%);mask-image:radial-gradient(85% 55% at 50% 0,#000,#0000 72%)}main{z-index:1;position:relative}.statusbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 0;display:flex}.status-meta{flex-wrap:wrap;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.2;display:flex}.brand{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:12px;font-family:Space Grotesk;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.brand .glyph{border:1.5px solid var(--in);width:30px;height:30px;color:var(--in);box-shadow:0 0 0 4px var(--in-soft);border-radius:8px;place-items:center;font-size:15px;display:grid}.nav-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-links>a,.nav-links>.menu>.menu-btn{color:var(--fg-mut);border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none}.nav-links>a:hover,.nav-links>.menu>.menu-btn:hover,.nav-links>.menu.open>.menu-btn{border-color:var(--in);color:var(--fg)}.nav-links>a.primary{color:var(--in);background:var(--in-soft);border-color:#34d3c066}.nav-links>a.active,.nav-links>a.router-link-active{color:var(--fg);border-color:var(--in)}.quota-banner{background:var(--out-soft);color:var(--out);border:1px solid #f6b44a73;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;margin:18px 0 0;padding:12px 16px;font-size:.9rem;display:flex}.quota-banner span{color:var(--fg-mut)}.quota-banner.critical{color:var(--err);background:#f871711a;border-color:#f8717180}.menu{position:relative}.menu-btn{font:inherit;color:inherit;padding:inherit;border-radius:inherit;border:inherit;background:inherit;cursor:pointer;line-height:inherit}.menu-panel{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:200px;padding:6px;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #00000059}.menu.open .menu-panel{display:block}.menu-panel a,.menu-panel button,.nav-links .menu-panel a,.nav-links .menu-panel button{text-align:left;cursor:pointer;width:100%;color:var(--fg-mut);box-shadow:none;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.92rem;text-decoration:none;display:block}.menu-panel a:hover,.menu-panel button:hover,.nav-links .menu-panel a:hover,.nav-links .menu-panel button:hover{background:var(--panel-2);color:var(--fg);border:0}.menu-panel a.router-link-active,.nav-links .menu-panel a.router-link-active{color:var(--fg);background:var(--panel-2);border:0}.menu-panel .sep{background:var(--line-soft);height:1px;margin:4px 0}.auth-shell{max-width:440px;margin:48px auto 64px}.auth-shell.wide{max-width:640px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--in);margin:0 0 12px;font-family:IBM Plex Mono,monospace;font-size:12px}h1{letter-spacing:-.02em;margin:0 0 10px;font-family:Space Grotesk;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;line-height:1.15}.lede{color:var(--fg-mut);margin:0 0 28px;font-size:.98rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px}.field{margin:0 0 16px}.field label{color:var(--fg-dim);letter-spacing:.04em;margin:0 0 6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--fg);font:inherit;background:#0c1017;border-radius:10px;outline:none;padding:11px 14px}.field input:focus{border-color:var(--in);box-shadow:0 0 0 3px var(--in-soft)}.field select{border:1px solid var(--line);width:100%;color:var(--fg);font:inherit;background:#0c1017;border-radius:10px;outline:none;padding:11px 14px}.field select:focus{border-color:var(--in);box-shadow:0 0 0 3px var(--in-soft)}.field .hint{color:var(--fg-dim);margin:6px 0 0;font-size:.82rem}.secret-input{align-items:stretch;gap:8px;display:flex}.secret-input input{flex:1;min-width:0}.secret-toggle{border:1px solid var(--line);color:var(--fg-mut);letter-spacing:.03em;cursor:pointer;white-space:nowrap;background:#121820;border-radius:10px;flex:none;padding:0 14px;font-family:IBM Plex Mono,monospace;font-size:12px}.secret-toggle:hover{color:var(--fg);border-color:#94a3b859}.secret-toggle[aria-pressed=true]{color:var(--in);border-color:#2dd4bf66}.check-row{align-items:center;gap:10px;margin:4px 0 16px;display:flex}.check-row input{width:auto;accent-color:var(--in)}.check-row label{color:var(--fg-mut);letter-spacing:0;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.92rem}.btn{cursor:pointer;background:var(--in);color:#06221e;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-family:Space Grotesk;font-size:1rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.ghost{background:var(--panel);width:auto;color:var(--fg-mut);border-color:var(--line)}.btn.ghost:hover{border-color:var(--in);color:var(--fg)}.foot-link{text-align:center;color:var(--fg-mut);margin:18px 0 0;font-size:.92rem}.foot-link a{color:var(--in);text-decoration:none}.foot-link a:hover{text-decoration:underline}.approval-success{text-align:center;padding:8px 0 2px}.approval-success h2{margin:0 0 8px;font-size:1.35rem}.approval-success p{color:var(--fg-mut);margin:0 0 20px}.dash-grid{gap:14px;margin-top:8px;display:grid}.dash-row{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;font-size:.95rem;display:flex}.dash-row:last-child{border-bottom:none}.dash-row .k{color:var(--fg-dim);font-family:IBM Plex Mono,monospace;font-size:12px}.dash-row .v{color:var(--fg);word-break:break-all;font-weight:500}.actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.conn-list{gap:12px;margin-top:8px;display:grid}.conn-card{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.conn-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.conn-title{margin:0;font-family:Space Grotesk;font-size:1.05rem;font-weight:600}.conn-meta{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.conn-meta span{border:1px solid var(--line);color:var(--fg-mut);background:var(--panel);border-radius:6px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.conn-meta span.on{color:var(--ok);border-color:#4ade8059}.conn-meta span.off{color:var(--err);border-color:#f8717159}.conn-actions{flex-wrap:wrap;gap:8px;display:flex}.conn-note{color:var(--err);margin:0;font-size:.86rem}.conn-note.ok{color:var(--ok)}.scope-list{gap:8px;margin:8px 0;display:grid}.scope-list label{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;color:var(--fg-mut);letter-spacing:0;border-radius:10px;align-items:flex-start;gap:10px;margin:0;padding:10px 12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.9rem;display:flex}.scope-list label:hover{border-color:var(--in)}.scope-list label.is-locked{opacity:.42;cursor:not-allowed;pointer-events:none}.scope-list label.is-locked:hover{border-color:var(--line)}.scope-list input{width:auto;accent-color:var(--in);flex-shrink:0;margin-top:3px}.scope-list .scope-code{color:var(--fg);font-family:IBM Plex Mono,monospace;font-size:12px;display:block}.scope-list .scope-desc{color:var(--fg-dim);margin-top:2px;font-size:.82rem;display:block}.key-reveal{background:#4ade801a;border:1px solid #4ade8059;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 16px;padding:14px;display:flex}.key-reveal code{color:var(--ok);word-break:break-all;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:.86rem;display:block}.panel-modal-scrim{z-index:80;background:#080b10b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.panel-modal{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(640px,100%);max-height:min(90vh,920px);padding:24px 22px 22px;position:relative;overflow:auto;box-shadow:0 24px 60px #00000073}.panel-modal h2{margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.panel-modal-close{border:1px solid var(--line);background:var(--panel-2);width:36px;height:36px;color:var(--fg-mut);cursor:pointer;border-radius:10px;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.panel-modal-close:hover{border-color:var(--in);color:var(--fg)}.panel-modal-close:disabled{opacity:.45;cursor:not-allowed}body.panel-modal-open{overflow:hidden}.btn.sm{width:auto;padding:8px 12px;font-size:.88rem}.btn.danger{color:var(--err);background:0 0;border-color:#f8717166}.btn.danger:hover{border-color:var(--err);color:#fecaca}.empty{color:var(--fg-mut);margin:0;font-size:.95rem}.section-gap{margin-top:28px}.auth-shell.wider{max-width:760px}.quick-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:20px;display:grid}.quick-links a{background:var(--panel-2);border:1px solid var(--line);color:var(--fg);border-radius:12px;padding:16px;text-decoration:none;transition:border-color .15s,transform .15s;display:block}.quick-links a:hover{border-color:var(--in);transform:translateY(-1px)}.quick-links .path{color:var(--in);margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:11px;display:block}.quick-links .lk{font-family:Space Grotesk;font-weight:600}.plan-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.plan-heading .eyebrow{margin-bottom:5px}.plan-heading h2{margin:0;font-size:1.55rem}.plan-price{color:var(--in);font-family:Space Grotesk;font-size:1.35rem}.plan-price small{color:var(--fg-dim);margin-left:4px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.78rem;font-weight:400}.usage-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.usage-grid div{background:var(--panel-2);border:1px solid var(--line-soft);border-radius:10px;min-width:0;padding:12px}.usage-grid span{color:var(--fg-dim);margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.usage-grid strong{overflow-wrap:anywhere;font-size:.94rem;display:block}.usage-meter{margin-top:20px}.usage-meter-label{color:var(--fg-mut);justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.82rem;display:flex}.usage-track{border:1px solid var(--line-soft);background:#0c1017;border-radius:999px;height:8px;overflow:hidden}.usage-track span{border-radius:inherit;background:var(--in);height:100%;transition:width .2s;display:block}footer{border-top:1px solid var(--line);margin-top:20px;padding:28px 0 48px}footer p{color:var(--fg-dim);margin:0;font-family:IBM Plex Mono,monospace;font-size:12.5px}@media (width<=520px){.quick-links,.grid3,.links{grid-template-columns:1fr}.usage-grid{grid-template-columns:repeat(2,1fr)}.statusbar{align-items:flex-start}.status-meta{justify-content:flex-start}}.auth-links{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.auth-links>a,.auth-links>.menu>.menu-btn{white-space:nowrap;color:var(--fg-mut);border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:center;padding:6px 12px;font-family:IBM Plex Mono,monospace;font-size:12px;text-decoration:none;display:inline-flex}.auth-links>a:hover,.auth-links>.menu>.menu-btn:hover,.auth-links>.menu.open>.menu-btn{border-color:var(--in);color:var(--fg)}.auth-links>a.primary{color:var(--in);background:var(--in-soft);border-color:#34d3c066}.auth-links .menu-panel a,.auth-links .menu-panel button{text-align:left;cursor:pointer;width:100%;color:var(--fg-mut);box-shadow:none;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:.92rem;text-decoration:none;display:block}.auth-links .menu-panel a:hover,.auth-links .menu-panel button:hover{background:var(--panel-2);color:var(--fg);border:0}.auth-links .menu-panel a.router-link-active{color:var(--fg);background:var(--panel-2);border:0}.pill{white-space:nowrap;border:1px solid var(--line);color:var(--fg-mut);background:var(--panel);border-radius:20px;align-items:center;padding:6px 11px;line-height:1.2;display:inline-flex}.pill.live{color:var(--ok);border-color:#4ade8059}.pill.live .dot{background:var(--ok);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;animation:1.8s ease-in-out infinite pulse;display:inline-block}.pill.warn{color:var(--out);border-color:#f6b44a66}.pill.down{color:#f87171;border-color:#f8717166}.pill.loading{opacity:.65}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #4ade8080}50%{opacity:.7;box-shadow:0 0 0 5px #4ade8000}}.hero{text-align:center;padding:52px 0 24px}.hero .eyebrow{margin:0 0 18px}.hero h1{letter-spacing:-.02em;max-width:16ch;margin:0 auto 18px;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.04}h1 .accent{color:var(--in)}.hero .lede{max-width:60ch;margin:0 auto 6px;font-size:clamp(1rem,2vw,1.2rem)}.lede strong{color:var(--fg);font-weight:600}.topo{border:1px solid var(--line);text-align:left;background:linear-gradient(#12171f,#0f141b);border-radius:18px;margin:40px 0 8px;overflow:hidden}.topo .cap{border-bottom:1px solid var(--line);color:var(--fg-dim);letter-spacing:.03em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:15px 22px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.topo .cap b{color:var(--fg-mut);font-weight:500}.legend{flex-wrap:wrap;gap:20px;display:flex}.legend span{align-items:center;gap:8px;display:flex}.lg-line{border-top:2px dashed;width:22px;height:0}.lg-line.in{border-color:var(--in)}.lg-line.out{border-color:var(--out)}.svgbox{padding:14px 8px}.svgbox svg{width:100%;height:auto;display:block}.node{fill:var(--panel-2);stroke:var(--line)}.node.mk{stroke:#34d3c066}.node.mk-soon{stroke:var(--line);opacity:.55}.node.app{stroke:#f6b44a66}.n-label{fill:var(--fg);font-family:IBM Plex Sans;font-size:15px;font-weight:600}.n-sub{fill:var(--fg-dim);font-family:IBM Plex Mono,monospace;font-size:10.5px}.n-sub.soon{fill:var(--out)}.col-head{letter-spacing:.14em;fill:var(--fg-dim);font-family:IBM Plex Mono,monospace;font-size:11px}.hub{fill:#10312d;stroke:var(--in);stroke-width:1.5px}.hub-glow{fill:none;stroke:var(--in);opacity:.25;animation:3s ease-in-out infinite hubpulse}@keyframes hubpulse{0%,to{opacity:.28}50%{opacity:.08}}.hub-title{fill:var(--in);font-family:Space Grotesk;font-size:18px;font-weight:700}.hub-layer{fill:#9fe6dc;font-family:IBM Plex Mono,monospace;font-size:11px}.hub-div{stroke:#34d3c040}.flow{fill:none;stroke-width:1.7px;stroke-dasharray:6 8;animation:1.1s linear infinite flow}.flow.in{stroke:var(--in)}.flow.out{stroke:var(--out)}@keyframes flow{to{stroke-dashoffset:-14px}}section{padding:52px 0}.sec-head{text-align:center;margin-bottom:32px}.sec-num{letter-spacing:.15em;color:var(--in);font-family:IBM Plex Mono,monospace;font-size:12px}h2{letter-spacing:-.01em;margin:8px 0 10px;font-family:Space Grotesk;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:600}.sec-head p{color:var(--fg-mut);max-width:62ch;margin:0 auto}.flow-cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.flow-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px}.flow-card.in{border-top:3px solid var(--in)}.flow-card.out{border-top:3px solid var(--out)}.flow-card .dir{letter-spacing:.05em;align-items:center;gap:8px;margin:0 0 6px;font-family:IBM Plex Mono,monospace;font-size:12px;display:flex}.flow-card.in .dir{color:var(--in)}.flow-card.out .dir{color:var(--out)}.flow-card h3{margin:0 0 14px;font-family:Space Grotesk;font-size:1.2rem;font-weight:600}.flow-card ul{margin:0;padding:0;list-style:none}.flow-card li{color:var(--fg-mut);border-bottom:1px solid var(--line-soft);padding:8px 0 8px 24px;font-size:.95rem;position:relative}.flow-card li:last-child{border-bottom:none}.flow-card li:before{font-family:IBM Plex Mono,monospace;font-size:13px;position:absolute;top:8px;left:0}.flow-card.in li:before{content:"→";color:var(--in)}.flow-card.out li:before{content:"→";color:var(--out)}.flow-card li strong{color:var(--fg);font-weight:600}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cap-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.cap-card .ic{background:var(--in-soft);width:38px;height:38px;color:var(--in);border-radius:10px;place-items:center;margin-bottom:14px;font-size:18px;display:grid}.cap-card h3{margin:0 0 8px;font-family:Space Grotesk;font-size:1.08rem;font-weight:600}.cap-card p{color:var(--fg-mut);margin:0;font-size:.93rem}.links{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.link-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;transition:border-color .18s,transform .18s;display:block}.link-card:hover{border-color:var(--in);transform:translateY(-2px)}.link-card .lk{color:var(--fg);justify-content:space-between;align-items:center;margin:0 0 6px;font-family:Space Grotesk;font-size:1rem;font-weight:600;display:flex}.link-card .lk .arw{color:var(--in);font-family:IBM Plex Mono,monospace}.link-card .path{color:var(--in);border:1px solid var(--line-soft);background:#0c1017;border-radius:6px;margin-bottom:8px;padding:3px 8px;font-family:IBM Plex Mono,monospace;font-size:12px;display:inline-block}.link-card p{color:var(--fg-mut);margin:0;font-size:.86rem}.mkts{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.mchip{background:var(--panel);border:1px solid var(--line);color:var(--fg);border-radius:10px;padding:9px 16px;font-family:IBM Plex Mono,monospace;font-size:13px}.mchip.on{border-color:var(--in);color:var(--in);background:var(--in-soft)}.mchip.on:before{content:"● ";color:var(--ok);font-size:10px}.mchip.soon{color:var(--fg-dim);opacity:.85}.mchip.soon:after{content:" · yakında";color:var(--fg-dim);font-size:11px}.welcome-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:20px;padding:40px 0 60px;display:flex}.welcome-footer p{color:var(--fg-dim);margin:0;font-family:IBM Plex Mono,monospace;font-size:12.5px}.field .err{color:var(--err);margin:6px 0 0;font-size:.86rem;display:block}.field.has-error input,.field.has-error select{border-color:#f871718c}.alert{color:var(--err);background:#f871711a;border:1px solid #f8717166;border-radius:10px;margin:0 0 16px;padding:12px 14px;font-size:.92rem}.alert.ok{color:var(--ok);background:#4ade801a;border-color:#4ade8059}.btn{width:auto}@media (width<=820px){.grid3,.links{grid-template-columns:repeat(2,1fr)}.flow-cols{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.flow,.hub-glow,.pill.live .dot{animation:none}.usage-track span{transition:none}html{scroll-behavior:auto}}