:root{--bg: #0b1020;--bg2: #111832;--card: #161f3f;--card2: #1c2748;--border: #2a3560;--text: #eef1fb;--muted: #9aa6c8;--accent: #6c5ce7;--accent2: #00d2a6;--danger: #ff6b6b;--warn: #ffb347;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#1a2350 0%,transparent 60%),radial-gradient(900px 500px at 0% 10%,#0f3a3a 0%,transparent 55%),var(--bg);color:var(--text);min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.navbar{position:sticky;top:0;z-index:20;background:#0b1020d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:800;font-size:1.25rem}.brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:1.1rem;color:#fff;box-shadow:0 4px 14px #6c5ce773}.brand-dot{color:var(--accent2)}.nav-links{display:flex;gap:4px;flex-wrap:wrap}.nav-link{text-decoration:none;color:var(--muted);padding:8px 14px;border-radius:10px;font-weight:600;font-size:.95rem;transition:.15s}.nav-link:hover{color:var(--text);background:#ffffff0f}.nav-link.active{color:#fff;background:linear-gradient(135deg,var(--accent),#4a3fd0)}.main{flex:1;width:100%}.container{max-width:1100px;margin:0 auto;padding:40px 20px 60px}.footer{border-top:1px solid var(--border);background:#0b102099}.footer-inner{max-width:1100px;margin:0 auto;padding:22px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.85rem}.hero{text-align:center;padding:70px 20px 40px}.hero-badge{display:inline-block;padding:6px 14px;border-radius:999px;background:#00d2a61f;color:var(--accent2);font-weight:700;font-size:.85rem;border:1px solid rgba(0,210,166,.3);margin-bottom:22px}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin:0 0 18px}.hero h1 .grad{background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{font-size:1.2rem;color:var(--muted);max-width:640px;margin:0 auto 32px;line-height:1.6}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:14px 26px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:.15s}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 6px 20px #6c5ce766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px #6c5ce780}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--accent)}.section{padding:40px 0}.section-title{text-align:center;font-size:2rem;margin:0 0 8px}.section-sub{text-align:center;color:var(--muted);margin:0 auto 36px;max-width:560px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 820px){.grid-3,.grid-2{grid-template-columns:1fr}}.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:.18s}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 30px #00000059}.card-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:16px;background:#6c5ce726;color:var(--accent2)}.card h3{margin:0 0 8px;font-size:1.15rem}.card p{margin:0;color:var(--muted);line-height:1.6;font-size:.95rem}.page-head{text-align:center;padding:40px 0 10px}.page-head h1{font-size:2.2rem;margin:0 0 10px}.page-head p{color:var(--muted);max-width:560px;margin:0 auto}.field{margin-bottom:18px}.field label{display:block;margin-bottom:8px;font-weight:600;font-size:.95rem}.field input,.field select{width:100%;padding:13px 14px;border-radius:10px;background:var(--bg2);color:var(--text);border:1px solid var(--border);font-size:1rem;outline:none;transition:.15s}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6c5ce733}.field .hint{font-size:.8rem;color:var(--muted);margin-top:6px}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.result-card{background:var(--card2);border:1px solid var(--border);border-radius:12px;padding:18px}.result-card .label{color:var(--muted);font-size:.85rem}.result-card .value{font-size:1.5rem;font-weight:800;margin-top:4px}.result-card .value.green{color:var(--accent2)}.result-card .value.red{color:var(--danger)}.result-card .value.accent{color:var(--warn)}.result-main{text-align:center;padding:24px;background:linear-gradient(135deg,var(--card),var(--bg2));border:1px solid var(--border);border-radius:var(--radius);margin-top:24px}.result-main .big{font-size:2.6rem;font-weight:900}.pill{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.pill-green{background:#00d2a626;color:var(--accent2)}.pill-red{background:#ff6b6b26;color:var(--danger)}.table-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;text-align:left}thead th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}tbody tr{border-bottom:1px solid rgba(42,53,96,.4)}tbody tr:last-child{border-bottom:none}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.best{color:var(--accent2);font-weight:800}.bar-row{display:grid;grid-template-columns:140px 1fr 90px;align-items:center;gap:12px;margin-bottom:14px}.bar-label{font-size:.9rem;color:var(--muted)}.bar-track{height:16px;background:var(--bg2);border-radius:8px;overflow:hidden}.bar-fill{height:100%;border-radius:8px}.bar-val{text-align:right;font-weight:700;font-size:.9rem}.chat{max-width:720px;margin:0 auto}.chat-window{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);height:460px;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.msg{max-width:80%;padding:12px 16px;border-radius:14px;line-height:1.55;font-size:.95rem;white-space:pre-wrap}.msg.bot{align-self:flex-start;background:var(--bg2);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.user{align-self:flex-end;background:linear-gradient(135deg,var(--accent),#4a3fd0);border-bottom-right-radius:4px}.chat-input{display:flex;gap:10px;margin-top:14px}.chat-input input{flex:1;padding:14px 16px;border-radius:12px;background:var(--bg2);border:1px solid var(--border);color:var(--text);font-size:1rem;outline:none}.chat-input input:focus{border-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{padding:8px 14px;border-radius:999px;background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-size:.85rem;cursor:pointer;transition:.15s}.chip:hover{border-color:var(--accent);color:var(--text)}.typing:after{content:"…";animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}@media (max-width: 640px){.result-grid{grid-template-columns:1fr}.nav-inner{flex-direction:column}.result-card .value{font-size:1.25rem}}