/* GigaSeed.cc — дизайн-слой. Framework-less, светлая/тёмная тема. */
:root {
  --bg:#f6f7f9; --fg:#10151c; --muted:#5b6672; --card:#ffffff; --border:#e2e6ea;
  --accent:#17a673; --accent-fg:#ffffff; --accent-weak:#e7f6ef;
  --ok:#1e8449; --warn:#b9770e; --err:#c0392b;
  --shadow:0 1px 2px rgba(16,21,28,.06),0 2px 8px rgba(16,21,28,.05);
  --radius:.7rem;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#0e1217; --fg:#e7ecf1; --muted:#95a1ad; --card:#161c24; --border:#273039;
    --accent:#1fbd84; --accent-fg:#06110c; --accent-weak:#13251d;
    --ok:#39b56a; --warn:#d8992f; --err:#e4685a;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.25);
  }
}
:root[data-theme="dark"] {
  --bg:#0e1217; --fg:#e7ecf1; --muted:#95a1ad; --card:#161c24; --border:#273039;
  --accent:#1fbd84; --accent-fg:#06110c; --accent-weak:#13251d;
  --ok:#39b56a; --warn:#d8992f; --err:#e4685a;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 2px 10px rgba(0,0,0,.25);
}

* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  margin:0; background:var(--bg); color:var(--fg);
  font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
h1,h2,h3 { line-height:1.25; }
h2 { font-size:1.15rem; margin:1.6rem 0 .6rem; }

/* Шапка */
.site-header {
  position:sticky; top:0; z-index:10;
  background:color-mix(in srgb,var(--card) 88%,transparent);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--border);
}
.site-header .wrap {
  max-width:56rem; margin:0 auto; padding:.7rem 1rem;
  display:flex; align-items:center; gap:1rem;
}
.brand { font-weight:700; font-size:1.15rem; color:var(--fg); display:flex; align-items:center; gap:.45rem; }
.brand .logo { width:1.75rem; height:1.75rem; display:block; flex-shrink:0; }
.nav { display:flex; align-items:center; gap:.3rem; margin-left:auto; flex-wrap:wrap; }
.nav a { color:var(--fg); padding:.35rem .6rem; border-radius:.45rem; font-size:.95rem; }
.nav a:hover { background:var(--accent-weak); text-decoration:none; }
.nav .who { color:var(--muted); font-size:.85rem; padding:.35rem .2rem; }

/* Контейнер */
.container { max-width:56rem; margin:0 auto; padding:1.5rem 1rem 4rem; }

/* Карточки */
.card {
  background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
  padding:1rem 1.15rem; margin:1rem 0; box-shadow:var(--shadow);
}
.card p { margin:.4rem 0; }

/* Кнопки */
button, .btn {
  font:inherit; cursor:pointer; border:1px solid var(--border);
  background:var(--card); color:var(--fg); padding:.5rem .95rem;
  border-radius:.5rem; transition:background .12s,border-color .12s;
}
button:hover, .btn:hover { border-color:var(--accent); }
button.primary, .btn.primary { background:var(--accent); color:var(--accent-fg); border-color:var(--accent); font-weight:600; }
button.primary:hover, .btn.primary:hover { filter:brightness(1.06); }
.btn.block { display:block; width:100%; text-align:center; }

/* Формы */
label { display:block; margin:.7rem 0 .25rem; font-size:.9rem; color:var(--muted); }
input[type=text], input[type=password], input[type=email], textarea, select {
  width:100%; padding:.6rem .7rem; font:inherit; color:var(--fg);
  background:var(--bg); border:1px solid var(--border); border-radius:.5rem;
}
input:focus, textarea:focus, select:focus { outline:2px solid var(--accent-weak); border-color:var(--accent); }

/* Утилиты */
.muted { color:var(--muted); }
p.ok, .text-ok { color:var(--ok); }
p.err, .text-err { color:var(--err); }
.row { display:flex; gap:.6rem; align-items:center; flex-wrap:wrap; }
code { background:var(--accent-weak); color:var(--fg); padding:.12em .4em; border-radius:.35em; font-size:.9em; word-break:break-all; }

/* Уведомления */
.notice { border-radius:.55rem; padding:.7rem .9rem; margin:1rem 0; border:1px solid var(--border); }
.notice.ok { background:var(--accent-weak); border-color:var(--accent); }
.notice.err { background:color-mix(in srgb,var(--err) 12%,transparent); border-color:var(--err); }

/* Бейджи статусов */
.badge { display:inline-block; font-size:.78rem; font-weight:600; padding:.15rem .5rem; border-radius:999px; border:1px solid var(--border); }
.badge.ok { color:var(--ok); border-color:color-mix(in srgb,var(--ok) 45%,transparent); background:color-mix(in srgb,var(--ok) 12%,transparent); }
.badge.wait { color:var(--warn); border-color:color-mix(in srgb,var(--warn) 45%,transparent); background:color-mix(in srgb,var(--warn) 12%,transparent); }
.badge.err { color:var(--err); border-color:color-mix(in srgb,var(--err) 45%,transparent); background:color-mix(in srgb,var(--err) 12%,transparent); }

/* Прогресс */
.progress { height:.5rem; background:var(--border); border-radius:999px; overflow:hidden; margin:.5rem 0; }
.progress > i { display:block; height:100%; background:var(--accent); border-radius:999px; transition:width .4s; }

/* Сетка тарифов */
.grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); }
.plan { text-align:center; }
.plan .price { font-size:1.6rem; font-weight:700; margin:.3rem 0; }
.plan .per { color:var(--muted); font-size:.85rem; }

/* Герой (гостевая) */
.hero { padding:2.5rem 0 1rem; }
.hero h1 { font-size:2rem; margin:.2rem 0; }
.hero p.lead { font-size:1.15rem; color:var(--muted); max-width:34rem; }
.steps { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(13rem,1fr)); margin-top:1.5rem; }
.step .n { width:1.8rem; height:1.8rem; border-radius:50%; background:var(--accent); color:var(--accent-fg); display:flex; align-items:center; justify-content:center; font-weight:700; }

/* Подвал */
.site-footer { border-top:1px solid var(--border); color:var(--muted); font-size:.85rem; }
.site-footer .wrap { max-width:56rem; margin:0 auto; padding:1.2rem 1rem; }

/* Список задач */
.task .task-head { display:flex; align-items:center; gap:.6rem; justify-content:space-between; }
.task .name { font-weight:600; word-break:break-word; }