/* Карточка входа (templates/_auth.html) и простые карточки страницы создания агента.
   Раньше жили в <style> create.html; вынесены, чтобы тот же вход открывался и на страницах
   нового дизайна, где нет style.css (страница оплаты, 30.09). */

/* База кнопок для страниц без style.css. :where() даёт нулевую специфичность: там, где
   style.css подключён, побеждает его .btn, и вид кнопок не меняется. */
:where(.create-simple-card .btn){display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border:none;border-radius:980px;font-size:.95rem;font-weight:600;line-height:1.2;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
:where(.create-simple-card .btn-primary){background:var(--b-accent);color:var(--b-on-accent);box-shadow:0 0 30px color-mix(in srgb,var(--b-glow-accent) 15%,transparent)}
:where(.create-simple-card .btn-primary:hover){transform:translateY(-2px)}

.create-simple-card { background: linear-gradient(180deg,color-mix(in srgb,var(--b-ink) 5%,transparent),color-mix(in srgb,var(--b-ink) 2%,transparent)); border: 1px solid color-mix(in srgb,var(--b-ink) 8%,transparent); border-radius: 20px; padding: 32px 26px; }
.create-simple-title { font-size: clamp(20px,4.2vw,27px); font-weight: 800; letter-spacing: -.015em; margin: 0 0 8px; }
.create-simple-sub { color: var(--text-secondary, color-mix(in srgb,var(--b-ink) 60%,var(--b-night))); margin: 0 0 22px; line-height: 1.55; font-size: 14.5px; }
.create-simple-input { width: 100%; box-sizing: border-box; padding: 14px 16px; font-family: inherit; font-size: 16px; border-radius: 12px; border: 1px solid color-mix(in srgb,var(--b-ink) 13%,transparent); background: color-mix(in srgb,var(--b-shade) 26%,transparent); color: var(--text, var(--b-ink)); text-align: center; letter-spacing: .02em; transition: border-color .14s ease, box-shadow .14s ease; }
.create-simple-input::placeholder { color: color-mix(in srgb,var(--b-ink) 40%,var(--b-night)); letter-spacing: 0; }
.create-simple-input:focus { outline: none; border-color: var(--accent, var(--b-accent)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--b-success) 12%,transparent); }
/* Поле и кнопка по умолчанию берут шрифт системы (Arial), а не шрифт сайта. */
.create-simple-card .btn { width: 100%; box-sizing: border-box; border-radius: 12px; font-family: inherit; font-weight: 700; }
.cs-ghost { background: transparent !important; border: 1px solid color-mix(in srgb,var(--b-ink) 18%,transparent) !important; color: var(--text,var(--b-ink)) !important; }
.cs-ghost:hover { background: color-mix(in srgb,var(--b-ink) 6%,transparent) !important; border-color: color-mix(in srgb,var(--b-success) 40%,transparent) !important; }
.cs-or { display: flex; align-items: center; gap: 12px; margin: 20px 0 14px; color: var(--text-tertiary,color-mix(in srgb,var(--b-ink) 40%,var(--b-night))); font-size: 13px; }
.cs-or::before, .cs-or::after { content: ""; flex: 1; height: 1px; background: color-mix(in srgb,var(--b-ink) 10%,transparent); }
.btn-lg { padding: 14px 22px; font-size: 16px; }
.create-simple-err { color: var(--b-error); font-size: .95rem; }
#auth-modal-slot .create-simple-title { padding-inline: 34px; }