:root{color-scheme:dark;--bg:#070b14;--panel:#101725;--panel2:#151e30;--line:#24304a;--text:#eef3ff;--muted:#91a0ba;--blue:#5ba2ff;--green:#3ed598;--red:#ff6978;--purple:#a77bff;--amber:#ffcc66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#13203a 0,transparent 35%),var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,sans-serif}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:20px;padding:18px max(24px,calc((100% - 1180px)/2));background:#090e19e8;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.brand{color:#fff;text-decoration:none;font-size:19px;font-weight:800}.badge{margin-left:12px;padding:4px 8px;border:1px solid #31558b;border-radius:8px;background:#19396a;color:#9dc8ff;font-size:12px}.top nav{display:flex;gap:18px;align-items:center}.top nav a{color:var(--muted);text-decoration:none}.top nav a:hover{color:#fff}main{max-width:1180px;margin:auto;padding:56px 24px 100px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-bottom:60px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.14em}.hero h1{font-size:56px;line-height:1.04;margin:10px 0 22px}.lead{font-size:19px;color:#b6c2d8;max-width:680px}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.pills span,.routes em,.endpoint em{border:1px solid #2f466b;background:#11213a;color:#9dc8ff;border-radius:999px;padding:6px 10px;font-size:12px}.code,.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 18px 50px #0004}.code>div:first-child{color:var(--green);font-weight:750;margin-bottom:12px}pre{overflow:auto;background:#080d16;border:1px solid #1d2940;border-radius:12px;padding:16px;color:#d8e7ff}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 55px}.card h2{margin-top:0}.section-title{margin:60px 0 22px}.section-title h2{font-size:36px;margin:4px 0}.section-title>p:last-child{color:var(--muted);max-width:850px}.get{color:var(--green)}.route-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.plan{border-radius:999px;padding:5px 9px;font-size:11px;letter-spacing:.04em;border:1px solid transparent}.plan.free{background:#172230;color:#d7e1ed;border-color:#43536a}.plan.lite{color:#d8efff;background:linear-gradient(135deg,rgba(24,88,153,.94),rgba(17,57,108,.96));border-color:rgba(125,211,252,.58)}.plan.pro{color:#b9ffd0;background:linear-gradient(135deg,rgba(13,113,61,.92),rgba(3,74,38,.96));border-color:rgba(102,255,153,.55)}.plan.ultra{color:#f1e7ff;background:linear-gradient(135deg,rgba(94,43,185,.96),rgba(61,24,132,.96));border-color:rgba(189,147,249,.65)}
.endpoint-list{display:grid;gap:12px}.endpoint{background:#0d1421;border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:border-color .18s ease,background .18s ease}.endpoint:hover{border-color:#33476b}.endpoint[open]{background:#0e1726;border-color:#34527e}.endpoint>summary{display:grid;grid-template-columns:54px minmax(250px,1.1fr) 1.1fr auto;gap:14px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.endpoint>summary::-webkit-details-marker{display:none}.endpoint>summary:after{content:'＋';color:#6f86a9;font-size:18px;margin-left:3px}.endpoint[open]>summary:after{content:'−';color:#a8c9fa}.endpoint>summary>span{color:var(--muted)}.endpoint-body{border-top:1px solid #21304a;padding:20px 22px 24px;background:linear-gradient(180deg,#0b121f,#0a111c)}.endpoint-body>p:first-child{margin-top:0;color:#b9c7dc}.endpoint-body h3{margin:23px 0 10px;font-size:14px;letter-spacing:.03em;color:#dce8fb}.endpoint-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty-param{margin:0;padding:12px 14px;background:#0a101a;border:1px solid #1f2c43;border-radius:10px;color:var(--muted)}.field-list{display:grid;grid-template-columns:minmax(135px,.55fr) 1.45fr;margin:0;border:1px solid #1f2d45;border-radius:11px;overflow:hidden}.field-list.cols{grid-template-columns:minmax(170px,.6fr) 1.4fr}.field-list dt,.field-list dd{margin:0;padding:10px 12px;border-bottom:1px solid #1b283c}.field-list dt{background:#0a111c;color:#9dc8ff;font-weight:700}.field-list dd{background:#0c1420;color:#aebdd1}.field-list dt:last-of-type,.field-list dd:last-of-type{border-bottom:0}.param-table{display:grid;gap:8px}.param-row{display:grid;grid-template-columns:minmax(145px,.45fr) minmax(115px,.35fr) 1.7fr;gap:12px;align-items:start;padding:12px 14px;border:1px solid #22324c;background:#0a111c;border-radius:11px}.param-row>code{color:#9dc8ff;font-weight:800}.param-row p{margin:0;color:#aebdd1}.param-kind{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;border:1px solid #3b4e6f;color:#8da7cc;background:#101b2c;font-size:10px;font-weight:850;letter-spacing:.04em}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-grid>div{display:grid;gap:5px;padding:13px;border:1px solid #23344f;background:#0a121e;border-radius:11px}.metric-grid code{color:#8fc1ff;font-size:12px}.metric-grid b{font-size:13px}.metric-grid span{color:#8f9eb4;font-size:12px;line-height:1.4}.note{margin-top:14px;border-left:3px solid #4c8fe8;background:#101d31;padding:11px 13px;border-radius:0 9px 9px 0;color:#b8c8df}.examples{margin:24px 0 45px}
.create{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}.create>div{grid-column:1/-1}.create button{grid-column:1/-1}label,.label{display:grid;gap:7px;color:#aebbd0;font-weight:650}input,select,button{width:100%;border:1px solid #31405d;background:#0b111d;color:#fff;border-radius:10px;padding:12px 13px;font:inherit}button{background:#2e7be7;border-color:#438df4;font-weight:750;cursor:pointer}.scopes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scopes label{display:flex;align-items:center;gap:8px;background:#0b111d;border:1px solid #273652;border-radius:10px;padding:10px}.scopes input{width:auto}.secret{margin:15px 0;background:#133224;border:1px solid #286c4a;color:#c8ffe1;padding:18px;border-radius:12px;word-break:break-all}.app-list{display:grid;gap:12px;margin-top:16px}.app-row{background:#0e1522;border:1px solid var(--line);border-radius:14px;padding:18px}.app-head{display:flex;justify-content:space-between;gap:15px}.app-main{min-width:0}.app-title-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.app-title-line>b{font-size:16px}.app-id{color:#8fbbff;font-family:monospace;margin-top:5px;word-break:break-all}.app-secret{color:#71829d;font-size:12px;margin-top:3px}.app-scopes{text-align:right}.app-actions{display:flex;gap:8px;margin-top:14px}.app-actions button{width:auto;padding:8px 12px}.app-actions .danger{background:#4d1b25;border-color:#7d2b3a}.app-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.055em;border:1px solid transparent}.app-status i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.app-status--active{color:#a9ffd0;background:linear-gradient(135deg,#0d5937,#073d27);border-color:#24885b;box-shadow:0 0 18px #16a66b20}.app-status--active i{background:#53e89d}.app-status--disabled{color:#a8b0be;background:#242a34;border-color:#414b5a}.app-status--disabled i{background:#7b8798}
.subscription-state{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:13px 15px;border:1px solid #2f466b;background:#101d32;border-radius:12px;color:#cfe1ff}.subscription-title{font-size:13px;color:#8fa5c5;font-weight:800}.subscription-note{color:#9eafc7;font-size:12px}.subscription-suspended{color:#ff9aa5;font-size:11px;font-weight:900}.subscription-state.bad{border-color:#7d2b3a;background:#32151b}.vx-plan-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;font-size:10px;line-height:1.1;font-weight:950;letter-spacing:.45px;border:1px solid transparent;box-shadow:0 0 12px rgba(0,0,0,.24)}.vx-plan-badge--free{background:#222d3b;border-color:#43536a;color:#d7e1ed}.vx-plan-badge--lite{color:#d8efff;background:linear-gradient(135deg,rgba(24,88,153,.94),rgba(17,57,108,.96));border-color:rgba(125,211,252,.58);text-shadow:0 0 7px rgba(125,211,252,.35)}.vx-plan-badge--pro{color:#b9ffd0;background:linear-gradient(135deg,rgba(13,113,61,.92),rgba(3,74,38,.96));border-color:rgba(102,255,153,.55);text-shadow:0 0 7px rgba(102,255,153,.35)}.vx-plan-badge--ultra,.vx-plan-badge--trial{color:#f1e7ff;background:linear-gradient(135deg,rgba(94,43,185,.96),rgba(61,24,132,.96));border-color:rgba(189,147,249,.65);text-shadow:0 0 7px rgba(189,147,249,.5)}
.scope-locked{opacity:.58;border-color:#5b3440!important;background:#1b1118!important}.scope-locked small{color:#ff9aa5}.scopes label span{flex:1}.scopes small{font-size:10px;color:#7fa5d8}.badge.locked{border-color:#7d2b3a!important;background:#351720!important;color:#ff9aa5!important}.endpoint[data-scope].route-locked{border-color:#6d3440;background:#171017}.endpoint[data-scope].route-locked>summary:before{content:'Недоступно текущему проекту';position:absolute;right:24px;margin-top:43px;color:#ff9aa5;font-size:10px}.hidden{display:none!important}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:30px}
@media(max-width:900px){.top nav{display:none}.hero,.grid2,.create,.endpoint-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.endpoint>summary{grid-template-columns:48px 1fr}.endpoint>summary>span,.endpoint>summary .route-badges{grid-column:2}.endpoint>summary:after{grid-column:1;grid-row:2}.param-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.scopes{grid-template-columns:1fr}.create>div,.create button{grid-column:auto}.app-head{flex-direction:column}.app-scopes{text-align:left}.field-list,.field-list.cols{grid-template-columns:minmax(125px,.7fr) 1.3fr}}
@media(max-width:560px){main{padding-left:14px;padding-right:14px}.metric-grid{grid-template-columns:1fr}.endpoint-body{padding:16px}.hero h1{font-size:36px}.field-list,.field-list.cols{grid-template-columns:1fr}.field-list dt{border-bottom:0;padding-bottom:4px}.field-list dd{padding-top:4px}}
