@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#0c1023;--bg-elev:#141a34;--ink-100:#f4f8ff;--ink-300:#a8b4d4;--ink-500:#7080aa;--line:#93a1cb38;--violet:#bd34fe;--cyan:#41d1ff;--gold:#ffea83;--lime:#c9f27b;--danger:#ff6f8d;--success:#49d69b;--radius-xl:22px;--shadow:0 18px 45px #04081680}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink-100);background:radial-gradient(circle at 15% 12%,#41d1ff47,#0000 30%),radial-gradient(circle at 78% 8%,#bd34fe3d,#0000 34%),radial-gradient(circle at 52% 88%,#ffea8324,#0000 40%),linear-gradient(160deg,#090d1e 0%,#0f1530 55%,#121837 100%);min-height:100vh;font-family:Plus Jakarta Sans,sans-serif}#root{min-height:100vh}.site-shell,.dashboard-shell{position:relative;max-width:1240px;margin:0 auto;padding:2.3rem 1.15rem 3rem}.hero-glow{filter:blur(70px);opacity:.55;pointer-events:none;position:fixed;z-index:-1;border-radius:999px}.hero-glow-one{background:#41d1ff80;width:300px;height:300px;top:-90px;left:-120px}.hero-glow-two{background:#bd34fe6b;width:320px;height:320px;top:30px;right:-130px}.landing-topbar{display:flex;justify-content:space-between;align-items: center;margin-bottom:1rem}.brand-block{display:flex;align-items: center;gap:.7rem}.brand-pill{color:var(--ink-100);letter-spacing:.08em;background:linear-gradient(110deg,#41d1ff33,#bd34fe3d);border:1px solid #41d1ff73;border-radius:999px;padding:.33rem .65rem;font-family:JetBrains Mono,monospace;font-size:.72rem}.brand-copy{color:var(--ink-300);font-size:.88rem}.topbar-chips{display:flex;gap:.5rem}.topbar-chips span{border:1px solid var(--line);color:var(--ink-300);background:#141a34b3;border-radius:999px;padding:.26rem .56rem;font-size:.73rem}.hero-section{display:grid;grid-template-columns:1fr;gap:1.05rem}.hero-copy,.panel-card,.stat-card,.chart-container,.ops-notes{backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);background:linear-gradient(165deg,#141a34d1,#0e142bdb)}.hero-copy{max-width:1080px;margin:0 auto;padding:1.65rem}.eyebrow{color:var(--cyan);letter-spacing:.1em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.72rem}.hero-title{background:linear-gradient(94deg,#fff 0%,#d8e8ff 22%,#9edfff 48%,#d39bff 74%,#ffea83 100%);color:#0000;letter-spacing:-.045em;-webkit-background-clip:text;background-clip:text;max-width:13.5ch;margin:.65rem 0 .9rem;font-size:clamp(2rem,4.8vw,4.15rem);line-height:1.02}.hero-subtitle{color:var(--ink-300);max-width:65ch;font-size:1rem;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.2rem}.hero-cta-row{display:flex;margin-top:1rem}.hero-login-btn{min-width:220px}.feature-card{background:#41d1ff0d;border:1px solid #41d1ff47;border-radius:14px;padding:.85rem}.feature-card h3{color:#eef4ff;margin-bottom:.25rem;font-size:.95rem}.feature-card p{color:var(--ink-300);font-size:.85rem;line-height:1.55}.login-card{box-shadow:none;background:0 0;border:0;padding:0}.login-title{margin-top:.5rem;font-size:1.35rem}.login-subtitle{color:var(--ink-300);margin-top:.45rem;font-size:.9rem;line-height:1.55}.login-form{display:grid;gap:.85rem;margin-top:1rem}.form-label{color:var(--ink-300);display:grid;gap:.35rem;font-size:.85rem}.input-field{color:var(--ink-100);background:#0e152bb8;border:1px solid #93a1cb4d;border-radius:12px;padding:.68rem .76rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem}.input-field:focus{outline:none;border-color:#41d1ffcc;box-shadow:0 0 0 3px #41d1ff2e}.btn-primary,.btn-secondary{cursor:pointer;border-radius:10px;padding:.65rem .9rem;transition:transform .18s,box-shadow .18s;font-family:Plus Jakarta Sans,sans-serif;font-weight:700}.btn-primary{background:linear-gradient(92deg,var(--cyan),var(--violet));color:#071124;border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #41d1ff47}.btn-primary:disabled{cursor:not-allowed;opacity:.72}.form-error{color:var(--danger);font-size:.85rem}.landing-sections{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.panel-card{padding:1.1rem 1.2rem}.panel-wide{width:100%}.panel-card h2{color:#f3f7ff;margin-bottom:.65rem;font-size:1rem}.panel-card h3{color:#ecf4ff;margin:.6rem 0;font-size:.9rem}.flow-list{color:var(--ink-300);display:grid;gap:.45rem;padding-left:1rem;font-size:.9rem;line-height:1.5}.snippet-shell{overflow:hidden;background:#1a1f39;border:1px solid #93a1cb47;border-radius:12px;margin-top:.55rem}.snippet-head{display:flex;background:#212746;border-bottom:1px solid #93a1cb2e;justify-content:space-between;align-items: center;min-height:34px;padding:0 .55rem}.snippet-controls{display:flex;align-items: center;gap:.35rem}.dot{display:inline-block;border-radius:999px;width:9px;height:9px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.snippet-meta{display:flex;align-items: center;gap:.45rem}.snippet-file{color:#edf2ff;font-size:.73rem;font-weight:600}.snippet-lang{color:#e8c6ff;letter-spacing:.06em;text-transform:uppercase;background:#bd34fe29;border:1px solid #bd34fe66;border-radius:999px;padding:.13rem .4rem;font-size:.62rem}.code-block{color:#dce7ff;overflow-x:auto;background:#171c34;min-height:138px;padding:.5rem 0;font-family:JetBrains Mono,monospace;font-size:.71rem;line-height:1.52}.code-line{display:grid;grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.8rem;min-height:1.34rem;padding:0 .75rem}.code-line:hover{background:#93a1cb1a}.line-number{color:#6f7ea8;text-align:right;user-select:none}.line-text{color:#dce7ff;white-space:pre}.endpoint-grid{display:grid;gap:.55rem}.endpoint-grid>div{background:#111831b3;border:1px solid #93a1cb33;border-radius:12px;padding:.65rem}.endpoint-method{display:inline-block;border-radius:999px;margin-bottom:.38rem;padding:.14rem .45rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.endpoint-method.post{color:#d9ff9e;background:#c9f27b33}.endpoint-method.get{color:#b0f0ff;background:#41d1ff33}.endpoint-path{color:#eef5ff;font-family:JetBrains Mono,monospace;font-size:.76rem}.endpoint-note{color:var(--ink-300);margin-top:.2rem;font-size:.83rem}.checklist{color:var(--ink-300);display:grid;list-style:none;gap:.4rem}.checklist li:before{color:var(--cyan);content:"•";margin-right:.42rem}.dashboard-header{display:flex;justify-content:space-between;align-items: flex-end;gap:1rem;margin-bottom:1rem}.dashboard-title{background:linear-gradient(90deg,#fff,#dce7ff 35%,#9ae5ff 70%,#efc9ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:.35rem 0;font-size:clamp(1.7rem,3.4vw,2.4rem);line-height:1.07}.dashboard-subtitle{color:var(--ink-300);font-size:.95rem}.dashboard-actions{display:flex;align-items: center;gap:.55rem}.btn-secondary{color:var(--ink-100);background:#111831bd;border:1px solid #93a1cb4d}.btn-secondary:hover{background:#41d1ff1c}.connection-pill{letter-spacing:.08em;border-radius:999px;padding:.42rem .65rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.connection-pill.ok{color:#abffdc;background:#49d69b33;border:1px solid #49d69b57}.connection-pill.down{color:#ffc2d1;background:#ff6f8d33;border:1px solid #ff6f8d57}.stats-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.stat-card{padding:.9rem}.stat-label{color:var(--ink-300);letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.7rem}.stat-value{color:#ecf5ff;margin-top:.42rem;font-size:clamp(1.4rem,2.1vw,1.95rem);font-weight:800;line-height:1.05}.charts-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:.75rem;margin-top:.8rem}.chart-container{padding:1rem}.chart-title{color:#eef5ff;margin-bottom:.7rem;font-size:1rem}.chart-wrapper{position:relative;height:290px}.chart-empty{color:var(--ink-300);font-size:.9rem}.ops-notes{margin-top:.8rem;padding:.95rem}.ops-notes h3{color:#f3f8ff;margin-bottom:.45rem;font-size:1rem}.ops-notes ul{color:var(--ink-300);display:grid;list-style:none;gap:.32rem}.ops-notes li:before{color:var(--gold);content:"•";margin-right:.42rem}.modal-backdrop{backdrop-filter:blur(6px);display:flex;position:fixed;z-index:50;background:#030612b8;justify-content:center;align-items: center;padding:1rem;inset:0}.modal-shell{border:1px solid var(--line);box-shadow:var(--shadow);position:relative;background:linear-gradient(165deg,#141a34f5,#0e142bfa);border-radius:16px;width:100%;max-width:520px;padding:1.25rem}.modal-close{color:var(--ink-300);cursor:pointer;position:absolute;background:0 0;border:1px solid #93a1cb6b;border-radius:999px;width:28px;height:28px;font-size:1rem;top:.85rem;right:.85rem}.modal-close:hover{color:var(--ink-100)}@media (width<=1120px){.landing-sections,.charts-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.landing-topbar{flex-direction:column;align-items: flex-start;gap:.7rem}.topbar-chips{flex-wrap:wrap}.feature-grid,.stats-grid{grid-template-columns:1fr}.hero-login-btn{width:100%}.dashboard-header{flex-direction:column;align-items: flex-start}.site-shell,.dashboard-shell{padding:1.5rem .8rem 2.3rem}}