/* ARRJ — единая тема (по бренду arrj.ru): шрифт Onest, бирюзовый акцент. */
:root{
  --brand:#4a5bff; --brand-d:#3644c9; --brand-l:#6ea8ff; --brand-2:#6ea8ff;
  --brand-bg:#f3f5ff; --brand-soft:#dde3ff; --brand-ring:rgba(74,91,255,.15);
  --accent:#f5842f; --accent-d:#e5701a;
  --ink:#12211c; --muted:#52625c; --line:#e2ede9;
  --card:#ffffff; --page:#f3f5ff; --radius:14px;
  --font:'Onest',system-ui,Segoe UI,Roboto,sans-serif;
}
body{font-family:var(--font);color:var(--ink);background:var(--page)}
a{color:var(--brand-d)}
/* Кнопки-утилиты (по желанию) */
.arrj-btn{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;border:0;border-radius:11px;padding:11px 22px;font:inherit;font-weight:700;cursor:pointer}
.arrj-btn:hover{background:var(--brand-d)}
.arrj-btn--accent{background:var(--accent)}.arrj-btn--accent:hover{background:var(--accent-d)}
.arrj-btn--ghost{background:#fff;color:var(--brand-d);border:1px solid var(--line)}
/* Шапка бренда */
.arrj-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.arrj-top .in{max-width:1080px;margin:0 auto;padding:11px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.arrj-logo{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.arrj-logo span{color:var(--brand)}
.arrj-top nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.arrj-top nav a{color:var(--muted);font-weight:600;text-decoration:none;font-size:.92rem}
.arrj-top nav a:hover{color:var(--brand-d)}
.arrj-top nav a.cta{background:var(--brand);color:#fff;padding:8px 16px;border-radius:10px}
.arrj-top nav a.cta:hover{background:var(--brand-d)}

/* ===== Кнопки в стиле arrj.ru (pill) ===== */
.btn-pill{display:inline-flex;align-items:center;gap:8px;justify-content:center;background:linear-gradient(180deg,#6a7bff,#4a5bff 58%,#3644c9);color:#fff;text-decoration:none;border:0;border-radius:999px;padding:13px 26px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 10px 20px rgba(74,91,255,.30),inset 0 2px 0 rgba(255,255,255,.42),inset 0 -3px 7px rgba(0,0,0,.18);transition:transform .12s,filter .12s}
.btn-pill:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-pill:active{transform:translateY(1px)}
.btn-pill--ghost{background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(18,33,28,.10)}
.btn-pill--ghost:hover{background:#fff;color:var(--brand-d)}
.btn-pill--accent{background:var(--accent);box-shadow:0 8px 20px rgba(245,132,47,.28)}
.btn-pill--accent:hover{background:var(--accent-d)}
.btn-pill--dark{background:#1c2a24;box-shadow:0 8px 20px rgba(18,33,28,.28)}

/* ===== Большие градиентные действия (главная кабинета) ===== */
.acts{display:flex;flex-direction:column;gap:14px;margin:16px 0}
.act{position:relative;display:flex;align-items:center;gap:16px;padding:16px 22px;border-radius:100px;color:#fff;text-decoration:none;overflow:hidden;box-shadow:0 14px 30px rgba(18,33,28,.14);transition:transform .14s,box-shadow .14s}
.act:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(18,33,28,.2)}
.act .ic{flex:0 0 46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.35rem;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.act .tx{flex:1;min-width:0}
.act .tt{font-weight:800;font-size:1.12rem;letter-spacing:-.01em}
.act .tt small{font-weight:500;font-size:.86rem;opacity:.9;margin-left:8px}
.act .bdg{background:rgba(255,255,255,.22);color:#fff;border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.act--blue{background:linear-gradient(120deg,#4a5bff,#5b74ff)}
.act--orange{background:linear-gradient(120deg,#f5842f,#ffab4d)}
.act--purple{background:linear-gradient(120deg,#7a4bff,#c14cff)}
.act--teal{background:linear-gradient(120deg,#4a5bff,#6ea8ff)}
.act--dark{background:linear-gradient(120deg,#14201b,#2b3a33)}
@media(max-width:560px){.act{border-radius:22px;padding:14px 16px}.act .tt{font-size:1rem}.act .tt small{display:block;margin:2px 0 0}}

/* 3D-кружок «за 2 мин» */
.orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffffff,#e9f3f0 70%,#d7e9e3);box-shadow:0 24px 50px rgba(18,33,28,.16),inset 0 2px 6px #fff,inset 0 -10px 24px rgba(74,91,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink)}
.orb b{font-size:1.15rem;line-height:1.2;letter-spacing:-.01em}.orb span{color:var(--muted);font-size:.78rem;letter-spacing:.06em;margin-top:4px}

/* ===== Степпер генератора (1 продавец → 2 покупатель → 3 объект → 4 создать) ===== */
.stepper{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:12px 0}
.stepper a{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:700;font-size:.9rem;transition:background .12s,color .12s}
.stepper a:hover{background:var(--brand-bg);color:var(--brand-d)}
.stepper a.on{background:var(--brand);color:#fff}
.stepper a .n{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-d);font-size:.8rem;font-weight:800}
.stepper a.on .n{background:rgba(255,255,255,.28);color:#fff}
/* Крупная главная кнопка «Сгенерировать» */
.btn-generate{width:100%;background:linear-gradient(180deg,#6a7bff,#4a5bff 58%,#3644c9);color:#fff;border:0;border-radius:999px;padding:17px 24px;font:inherit;font-weight:800;font-size:1.08rem;cursor:pointer;box-shadow:0 16px 32px rgba(74,91,255,.34),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -4px 9px rgba(0,0,0,.20);transition:transform .12s,filter .12s}
.btn-generate:hover{transform:translateY(-2px);filter:brightness(1.05)}
.btn-generate:active{transform:translateY(1px);box-shadow:0 8px 16px rgba(74,91,255,.3),inset 0 3px 8px rgba(0,0,0,.24)}
/* Кнопка «+ добавить участника» и вторичные — pill */
.addparty{background:var(--brand-bg)!important;color:var(--brand-d)!important;border:1px solid var(--brand-soft)!important;border-radius:999px!important;padding:10px 18px!important;font-weight:700!important}
.addparty:hover{background:var(--brand-soft)!important}

/* ===== Глобальный слой единого вида (перебивает инлайновые стили страниц) ===== */
/* Карточки: мягче, крупнее радиус, бирюзовая рамка */
.card{border-radius:16px;border-color:var(--line);box-shadow:0 2px 10px rgba(18,33,28,.05)}
/* Поля ввода: крупнее, скруглённые, бирюзовый фокус-ринг */
input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=number],input[type=date],select,textarea{border-radius:11px}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(74,91,255,.14)}
/* Заголовки — насыщеннее */
h1{letter-spacing:-.02em}
/* Первичные кнопки-сабмиты (крупные, с текстом) — выпуклые.
   Мелкие иконки/тумблеры/чипы это правило не трогает (у них свои классы .ico/.sw/.chip). */
button[type=submit]{background:linear-gradient(180deg,#6a7bff,#4a5bff 58%,#3644c9);color:#fff;border:0;border-radius:999px;font-weight:800;box-shadow:0 10px 20px rgba(74,91,255,.28),inset 0 2px 0 rgba(255,255,255,.42),inset 0 -3px 7px rgba(0,0,0,.18);transition:transform .12s,filter .12s}
button[type=submit]:hover{filter:brightness(1.05);transform:translateY(-1px)}
button[type=submit]:active{transform:translateY(1px)}