:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}html,body,#root{height:100%}body{margin:0;background:#050913;color:#ffffffeb}a:hover{text-decoration:none}button{font-family:inherit}#root{width:100%;min-height:100%}.app-shell{width:100%;max-width:1280px;margin:0 auto;padding:24px}html{scroll-behavior:smooth}:root{--bg: #0b1220;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.08);--border: rgba(255,255,255,.1);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.45);--primary: #5b8cff;--primary2: rgba(91,140,255,.18);--danger: #ff4d6d;--ok: #3ddc97;--shadow: 0 18px 45px rgba(0,0,0,.45);--radius: 18px;--radius2: 14px;--ring: 0 0 0 3px rgba(91,140,255,.25);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 10% 10%,rgba(91,140,255,.25),transparent 55%),radial-gradient(900px 600px at 90% 20%,rgba(61,220,151,.15),transparent 55%),radial-gradient(700px 500px at 60% 90%,rgba(255,77,109,.1),transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}small{color:var(--muted)}.container{width:min(1200px,96vw);margin:26px auto}.shell{display:grid;grid-template-columns:260px 1fr;gap:16px}@media (max-width: 980px){.shell{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cardPad{padding:16px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{color:var(--muted);font-size:13px;margin-top:2px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{margin-left:auto}.nav{display:grid;gap:8px;padding:14px}.navItem{padding:10px 12px;border-radius:14px;border:1px solid transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;color:var(--muted);font:inherit;display:flex;align-items:center;gap:10px;cursor:pointer}.navItem:hover{background:#ffffff0f;color:var(--text);border-color:#ffffff0f}.navItemActive{background:var(--primary2);color:var(--text);border-color:#5b8cff4d}.navItem:focus{outline:none}.navItem:focus-visible{box-shadow:var(--ring)}.pills{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.pill strong{color:var(--text)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.grid3{grid-template-columns:1fr}}.field{display:grid;gap:6px}.label{font-size:12px;color:var(--muted)}.input,.select{width:100%;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0000002e;color:var(--text);outline:none}.input:focus,.select:focus{box-shadow:var(--ring);border-color:#5b8cff73}.btn{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff1a}.btn:disabled{opacity:.6;cursor:not-allowed}.btnPrimary{background:#5b8cff40;border-color:#5b8cff66}.btnPrimary:hover{background:#5b8cff52}.btnDanger{background:#ff4d6d2e;border-color:#ff4d6d59}.btnDanger:hover{background:#ff4d6d3d}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.table th,.table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:600;background:#ffffff0d}.table tr:hover td{background:#ffffff0a}.noticeOk,.noticeErr,.noticeWarn{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.12)}.noticeOk{background:#3ddc971f;border-color:#3ddc9738}.noticeErr{background:#ff4d6d1f;border-color:#ff4d6d38}.noticeWarn{background:#ffcc661a;border-color:#fc63}.kpiGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 900px){.kpiGrid{grid-template-columns:1fr}}.kpi{padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.kpiLabel{color:var(--muted);font-size:12px}.kpiValue{font-size:22px;font-weight:800;margin-top:4px}.why-page{max-width:800px;margin:0 auto;padding:32px;line-height:1.6}.why-page h1{margin-bottom:24px}.why-page section{margin-bottom:32px}.why-page blockquote{margin:16px 0;padding-left:16px;border-left:3px solid rgba(255,255,255,.2);opacity:.9;font-style:italic}.landing{position:relative;min-height:100vh;overflow:hidden;background:#050913;color:#ffffffeb}.landing *{box-sizing:border-box}.landing__bg{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.landing__bgBase{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#06102a,#050913 55%,#050913)}.landing__glow{position:absolute;border-radius:999px;filter:blur(60px);opacity:.95}.landing__glow--teal{width:640px;height:640px;right:-200px;top:-180px;background:radial-gradient(circle,rgba(20,184,166,.22),transparent 60%);animation:lfFloat1 14s ease-in-out infinite}.landing__glow--blue{width:520px;height:520px;left:-180px;top:-150px;background:radial-gradient(circle,rgba(59,130,246,.16),transparent 60%);animation:lfFloat2 18s ease-in-out infinite}.landing__glow--purple{width:760px;height:520px;left:50%;top:78%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(168,85,247,.15),transparent 65%);animation:lfFloat3 22s ease-in-out infinite}.landing__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.6) 100%);opacity:.9}.landing__stars{pointer-events:none;position:absolute;right:0;top:0;height:100%;width:70px;opacity:.65}.landing__starsDots{height:100%;width:100%;background:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px);background-size:18px 18px}.landing__starsFade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,rgba(0,0,0,.75),transparent)}.landing__container{position:relative;max-width:1120px;margin:0 auto;padding:22px 20px 70px}.landing__nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0 18px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#ffffff14;box-shadow:0 12px 40px #00000080;font-weight:900;letter-spacing:-.02em}.brand__name{font-size:14px;font-weight:800;opacity:.95;line-height:1.1}.brand__tag{font-size:12px;opacity:.55;margin-top:2px}.navActions{display:flex;align-items:center;gap:10px}.navLink{padding:10px 12px;border-radius:14px;font-weight:800;font-size:13px;color:#ffffffbf;text-decoration:none}.navLink:hover{background:#ffffff14;color:#ffffffeb}.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;font-size:12px;color:#ffffffc7}.pillDot{width:8px;height:8px;border-radius:999px;background:#34d399f2}.hero{text-align:center;padding:30px 0 10px}.h1{margin:18px 0 0;font-size:54px;line-height:1.02;font-weight:950;letter-spacing:-.04em}.h1Sub{display:block;margin-top:10px;font-size:46px;font-weight:950;letter-spacing:-.04em;background:linear-gradient(90deg,#fffffffa,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:16px auto 0;max-width:62ch;font-size:16px;line-height:1.75;color:#ffffffa8}.ctaRow{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;font-weight:900;font-size:13px;text-decoration:none;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,background-color .16s ease,border-color .16s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn--primary{background:#ffffffeb;color:#0b0f18;border-color:#ffffff2e}.btn--primary:hover{background:#fff}.btn--ghost{background:#ffffff14;color:#ffffffeb}.btn--ghost:hover{background:#ffffff1f}.meta{margin-top:10px;font-size:12px;color:#ffffff80}.glass{border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #0000008c}.previewWrap{margin:26px auto 0;max-width:980px;padding:0 6px}.preview{padding:18px}.previewTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.previewTitle{font-size:14px;font-weight:900;color:#ffffffeb}.previewSub{margin-top:3px;font-size:12px;color:#ffffff85}.chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff14;color:#ffffffbf}.grid{margin-top:14px;display:grid;gap:12px}.card{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:14px}.label{font-size:12px;color:#ffffff8c}.row{margin-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.big{font-size:22px;font-weight:950;letter-spacing:-.02em}.small{font-size:12px;color:#ffffff85}.bar{margin-top:10px;height:8px;border-radius:999px;background:#ffffff1a;overflow:hidden}.barFill{height:100%;width:68%;border-radius:999px;background:#ffffffb8}.kpis{display:grid;grid-template-columns:1fr;gap:10px}.kpi{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:12px}.kpiVal{margin-top:6px;font-weight:950;font-size:16px}.caption{text-align:center;margin-top:10px;font-size:12px;color:#ffffff80}.footer{margin-top:44px;text-align:center;font-size:12px;color:#ffffff6b;padding-bottom:10px}@media (min-width: 700px){.kpis{grid-template-columns:repeat(3,1fr)}}@media (max-width: 520px){.h1{font-size:42px}.h1Sub{font-size:36px}.landing__stars{display:none}}@keyframes lfFloat1{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,12px,0) scale(1.03)}to{transform:translateZ(0) scale(1)}}@keyframes lfFloat2{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(16px,-10px,0) scale(1.04)}to{transform:translateZ(0) scale(1)}}@keyframes lfFloat3{0%{transform:translate3d(-50%,0,0) scale(1);opacity:.9}50%{transform:translate3d(calc(-50% + 14px),-12px,0) scale(1.03);opacity:1}to{transform:translate3d(-50%,0,0) scale(1);opacity:.9}}@media (prefers-reduced-motion: reduce){.landing__glow--teal,.landing__glow--blue,.landing__glow--purple{animation:none!important}.btn{transition:none!important}}
