/* ============================================================
EVO-X Design System · единый стиль экосистемы EvoTop
Источник истины. Подключение на любом сайте:
Полная тема страницы: +
Компоненты namespace'нуты (.evox-*) — не конфликтуют с чужим CSS.
Канон токенов: roman_uspeh_rules 2026-06-26 · план EVOX_DESIGN_SYSTEM_ECOSYSTEM.
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{
/* фон / поверхности */
--evox-bg:#0A0E1F; --evox-bg-2:#1a1f3a;
--evox-surface:rgba(255,255,255,.03); --evox-surface-2:rgba(255,255,255,.05);
--evox-border:rgba(255,255,255,.08); --evox-border-neon:rgba(139,92,246,.30);
/* бренд */
--evox-purple:#8B5CF6; --evox-cyan:#22D3EE;
--evox-grad:linear-gradient(135deg,#8B5CF6,#22D3EE);
--evox-grad-chrome:linear-gradient(180deg,#eef2ff,#9fb0d8 45%,#5b6b9e 56%,#dbe4ff);
/* текст */
--evox-txt:#E6E9F2; --evox-muted:#8a96b3; --evox-dim:#4a5578;
--evox-success:#22C55E; --evox-danger:#F87171;
/* форма */
--evox-radius:16px; --evox-radius-sm:10px; --evox-radius-pill:999px;
--evox-font:Inter,system-ui,-apple-system,sans-serif;
--evox-font-display:Orbitron,sans-serif;
--evox-glow:0 0 40px rgba(139,92,246,.66);
--evox-shadow:0 10px 40px rgba(139,92,246,.33);
}
/* ---- полная тема страницы ---- */
body.evox{font-family:var(--evox-font);color:var(--evox-txt);min-height:100vh;margin:0;
background:radial-gradient(1200px 800px at 50% -10%,var(--evox-bg-2) 0%,var(--evox-bg) 55%);
overflow-x:hidden}
body.evox *{box-sizing:border-box}
/* constellation-фон: первым ребёнком body */
.evox-stars{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:
radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.13),transparent),
radial-gradient(1px 1px at 70% 60%,rgba(34,211,238,.20),transparent),
radial-gradient(1.5px 1.5px at 40% 80%,rgba(139,92,246,.20),transparent),
radial-gradient(1px 1px at 85% 22%,rgba(255,255,255,.13),transparent)}
.evox-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:48px 20px 64px}
/* ---- типографика ---- */
.evox-wordmark{font-family:var(--evox-font-display);font-weight:800;letter-spacing:2px;line-height:1;
background:var(--evox-grad-chrome);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.evox-h{font-family:var(--evox-font-display);font-weight:700;color:#fff;letter-spacing:.5px;margin:0}
.evox-num{font-family:var(--evox-font-display);font-weight:800;font-size:clamp(34px,6vw,56px);line-height:1;
background:var(--evox-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.evox-tag{font-family:var(--evox-font-display);font-weight:600;letter-spacing:4px;color:var(--evox-cyan);
text-transform:uppercase;font-size:13px}
.evox-lead{color:var(--evox-muted);line-height:1.6}
.evox-muted{color:var(--evox-muted)}
a.evox-link{color:var(--evox-cyan);text-decoration:none}
a.evox-link:hover{text-decoration:underline}
/* ---- карточки ---- */
.evox-card{background:var(--evox-surface);border:1px solid var(--evox-border);border-radius:var(--evox-radius);
padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s}
.evox-card:hover{border-color:var(--evox-border-neon);transform:translateY(-2px);box-shadow:var(--evox-shadow)}
.evox-card--neon{border-color:var(--evox-border-neon);box-shadow:inset 0 0 0 1px rgba(139,92,246,.08)}
.evox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
/* ---- кнопки ---- */
.evox-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:var(--evox-radius);
background:var(--evox-grad);color:#fff;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;
box-shadow:var(--evox-shadow);transition:transform .15s}
.evox-btn:hover{transform:translateY(-2px)}
.evox-btn--ghost{background:transparent;border:1px solid var(--evox-border-neon);box-shadow:none;color:var(--evox-txt)}
.evox-btn--sm{padding:9px 18px;font-size:13px;border-radius:var(--evox-radius-sm)}
/* ---- бейджи / прочее ---- */
.evox-badge{display:inline-block;padding:5px 12px;border-radius:var(--evox-radius-pill);font-size:12px;font-weight:600;
background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid var(--evox-border-neon)}
.evox-badge--cyan{background:rgba(34,211,238,.12);color:#a5f3fc;border-color:rgba(34,211,238,.3)}
.evox-badge--ok{background:rgba(34,197,94,.12);color:#86efac;border-color:rgba(34,197,94,.3)}
.evox-soon{color:var(--evox-muted);font-size:12px;border:1px solid rgba(255,255,255,.13);
border-radius:var(--evox-radius-sm);padding:7px 14px;display:inline-block}
.evox-divider{height:1px;border:0;margin:32px 0;
background:linear-gradient(90deg,transparent,var(--evox-border-neon),transparent)}
.evox-icon-glow{filter:drop-shadow(var(--evox-glow))}
.evox-foot{text-align:center;color:var(--evox-dim);font-size:12px;margin-top:48px}
/* ---- скролл-бар (премиум-деталь) ---- */
body.evox ::-webkit-scrollbar{width:10px;height:10px}
body.evox ::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:8px}
body.evox ::-webkit-scrollbar-track{background:transparent}