:root{--navy: #0b2a45;--sea: #1d6fa5;--foam: #eaf4fb;--ink: #0e1b27;--muted: #5b7184}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f8fbfd}a{color:var(--sea)}.wrap{max-width:1040px;margin:0 auto;padding:24px}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:32px;align-items:start;padding:24px 0 48px}.hero-copy{min-width:0}.hero-title{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:12px}.brand-mark{width:72px;height:72px;object-fit:cover;border-radius:8px;box-shadow:0 10px 24px #0b2a4529}.hero h1{font-size:40px;line-height:1.1;margin:0 0 12px;color:var(--navy)}.hero-title h1{margin:0}.hero p{font-size:18px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.cta{display:inline-block;background:var(--sea);color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600}.cta-secondary{background:#fff;color:var(--navy);border:1px solid rgba(8,34,45,.18)}.telegram-link{display:inline-block;margin:16px 0 0 14px;color:var(--navy);font-weight:600;text-decoration:none}.telegram-link:hover{color:var(--sea);text-decoration:underline}.logos{display:flex;gap:20px;align-items:center;margin-bottom:24px}.logos img{height:40px}.hero-dialog{margin-top:22px;max-width:560px}.hero-media{width:100%;display:block;border-radius:8px;border:1px solid #c8ddeb;background:#071b30;box-shadow:0 16px 40px #0b2a452e}.media-carousel{width:min(100%,360px);aspect-ratio:360 / 740;justify-self:center;overflow:hidden;border-radius:8px;background:#071b30;box-shadow:0 16px 40px #0b2a452e}.media-track{height:200%;transition:transform .65s ease}.media-slide{width:100%;height:50%;object-fit:contain;border:0;border-radius:0;box-shadow:none}.card{background:var(--foam);border:1px solid #d6e6f2;border-radius:8px;padding:18px}.shot{width:100%;border-radius:8px;border:1px solid #d6e6f2}.dialog{display:flex;flex-direction:column;gap:10px}.bubble{padding:10px 14px;border-radius:14px;max-width:80%}.bubble.user{align-self:flex-end;background:var(--sea);color:#fff}.bubble.bot{align-self:flex-start;background:#fff;border:1px solid #d6e6f2}.login{max-width:420px;margin:64px auto;text-align:center}.login .providers{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:24px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.topbar-compact{margin-bottom:0;min-height:44px}.muted{color:var(--muted);margin:6px 0 0}.account-badge{display:inline-grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;max-width:100%;padding:6px;border:1px solid #d6e6f2;border-radius:8px;background:#fff;box-shadow:0 8px 22px #0b2a4514}.account-badge-compact{grid-template-columns:32px minmax(0,1fr) auto}.account-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#d9ecf7;color:var(--navy);display:inline-grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto}.account-badge-compact .account-avatar{width:32px;height:32px}.account-copy{display:grid;min-width:0}.account-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-detail{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ghost-button{border:1px solid #c8ddeb;background:#fff;color:var(--navy);border-radius:8px;padding:8px 10px;font:inherit;font-weight:600;cursor:pointer}.ghost-button:hover{border-color:var(--sea);color:var(--sea)}.admin-role-form{display:grid;grid-template-columns:minmax(220px,1fr) 160px auto;gap:10px;margin:18px 0 20px}.admin-role-form input,.admin-role-form select{width:100%;border:1px solid #c8ddeb;border-radius:8px;padding:11px 12px;font:inherit;background:#fff}.admin-role-form button{border:0;cursor:pointer}.admin-users-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #d6e6f2;border-radius:8px;overflow:hidden}.admin-users-table th,.admin-users-table td{border-bottom:1px solid #eef5fb;padding:10px 12px;text-align:left;vertical-align:middle}.admin-users-table th{background:#eef6fb;color:var(--navy);font-size:13px}.admin-users-table tr:last-child td{border-bottom:0}.user-cell{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;min-width:220px}.user-cell span span{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.foot{text-align:center;color:var(--muted);padding:32px 0;font-size:14px}.foot .contact,.foot .powered{margin-top:4px}.demo-shell{height:100dvh;max-height:100dvh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);grid-template-rows:minmax(0,1fr) auto;gap:1px;overflow:hidden;background:#c8ddeb}.demo-pane{min-width:0;min-height:0;overflow:hidden;background:#fff}.demo-chat{grid-column:1;grid-row:1}.demo-live{grid-column:2;grid-row:1;display:grid;grid-template-rows:auto minmax(0,1fr);background:#0b1722}.demo-account{min-width:0;padding:10px 10px 0;display:flex;justify-content:flex-end;background:#0b1722}.demo-account .account-badge{max-width:min(420px,100%)}.demo-pane iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}.demo-loading{min-height:100dvh;display:grid;place-items:center;color:var(--muted);background:#f8fbfd}.simple-chat{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#f8fbfd}.simple-chat-log{min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px}.demo-footer{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;padding:8px 12px;border-top:1px solid #d6e6f2;background:#fff;font-size:12px}.demo-footer .contact,.demo-footer .powered{margin-top:0}.simple-bubble{max-width:min(680px,82%);padding:10px 13px;border-radius:8px;line-height:1.35}.simple-bubble.user{align-self:flex-end;background:var(--sea);color:#fff}.simple-bubble.bot{align-self:flex-start;background:#fff;border:1px solid #d6e6f2;color:var(--ink)}.simple-bubble p{margin:0 0 10px}.simple-bubble p:last-child{margin-bottom:0}.chat-md-table{width:100%;border-collapse:collapse;margin:8px 0 10px;font-size:.92em}.chat-md-table th,.chat-md-table td{border-bottom:1px solid #d6e6f2;padding:6px 8px;text-align:left;vertical-align:top}.chat-md-table th{background:#eef6fb;font-weight:700}.chat-md-table tr:last-child td{border-bottom:0}.simple-chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;border-top:1px solid #d6e6f2;background:#fff}.simple-chat-form input{width:100%;border:1px solid #c8ddeb;border-radius:8px;padding:12px;font:inherit}.simple-chat-form button{border:0;border-radius:8px;padding:0 16px;background:var(--sea);color:#fff;font:inherit;font-weight:600}.simple-chat-form button:disabled{opacity:.55}@media (max-width: 760px){.wrap{padding:18px}.hero{grid-template-columns:1fr;padding-top:12px}.hero-title{grid-template-columns:56px minmax(0,1fr);gap:12px}.brand-mark{width:56px;height:56px}.hero h1{font-size:34px}.hero p{font-size:16px}.demo-shell{display:grid;grid-template-columns:100vw 100vw;grid-template-rows:minmax(0,1fr) auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.demo-account{padding:8px 8px 0}.demo-pane{width:100vw;scroll-snap-align:start}.demo-footer{grid-column:1 / 3;grid-row:2;align-self:end;position:-webkit-sticky;position:sticky;left:0;width:100vw}.topbar{align-items:flex-start;flex-direction:column}.topbar-compact{align-items:flex-end}.account-badge{width:100%;grid-template-columns:36px minmax(0,1fr) auto}.admin-role-form{grid-template-columns:1fr}.admin-users-table{display:block;overflow-x:auto}}