/* Start:/local/templates/randee.pribors/template_styles.css?178620495011587*/
:root {
  --bg: #eef2f8;
  --surface: #ffffff;
  --surface-2: #e8edf5;
  --text: #1d2433;
  --muted: #667085;
  --brand: #355cff;
  --brand-2: #15bfa5;
  --line: rgba(29, 36, 51, 0.08);
  --shadow: 0 18px 50px rgba(20, 25, 40, 0.08);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--text); font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
.randee-shell { width: min(1590px, calc(100% - 48px)); margin: 0 auto; }
.randee-header { position: sticky; top: 0; background: rgba(244,246,251,.82); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); z-index: 20; }
.randee-header__inner, .randee-footer__inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0; }
.randee-brand { display: inline-flex; gap: 14px; align-items: center; }
.randee-brand__mark { width: 42px; height: 42px; border-radius: 14px; display: grid; place-items: center; font-weight: 800; color: white; background: linear-gradient(135deg, var(--brand), var(--brand-2)); box-shadow: var(--shadow); }
.randee-brand strong { display:block; font-size: 18px; }
.randee-brand small { display:block; color: var(--muted); }
.randee-nav { display:flex; gap: 14px; flex-wrap: wrap; color: var(--muted); }
.randee-nav a {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  border: 1px solid transparent;
}
.randee-nav a:hover {
  border-color: var(--line);
  color: var(--text);
  background: white;
}
.randee-main { padding: 28px 0 64px; }
.randee-footer { border-top: 1px solid var(--line); background: var(--surface); }
.randee-footer p { color: var(--muted); margin: 6px 0 0; }
.randee-footer__meta { color: var(--muted); }
.randee-home { display: grid; gap: 22px; }
.randee-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 24px;
  background: linear-gradient(135deg, #0f172a, #1f2937);
  color: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: var(--shadow);
}
.randee-topline__left,
.randee-topline__right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.randee-topline__right a { color: rgba(255,255,255,.82); padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.06); }
.randee-topline__right a:hover { background: rgba(255,255,255,.12); }
.randee-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.randee-badge--accent { background: linear-gradient(135deg, var(--brand), #5d2ce6); color: white; }
.randee-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(320px, 0.95fr);
  gap: 20px;
}
.randee-hero__copy,
.randee-hero__panel,
.randee-quick-card,
.randee-category-card,
.randee-article-card,
.randee-ad-banner {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: var(--shadow);
}
.randee-hero__copy { padding: 42px; background: linear-gradient(135deg, #fff, #f6f8fc); }
.randee-hero__panel { padding: 32px; background: linear-gradient(155deg, #182235, #24324c); color: white; }
.randee-kicker { margin: 0 0 14px; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; color: #5b84ff; font-weight: 700; }
.randee-hero__panel .randee-kicker,
.randee-ad-banner .randee-kicker { color: rgba(255,255,255,.7); }
.randee-hero h1 {
  margin: 0;
  font-size: clamp(42px, 5.5vw, 84px);
  line-height: .94;
  letter-spacing: -0.05em;
  max-width: 12ch;
}
.randee-lead {
  max-width: 680px;
  font-size: 18px;
  line-height: 1.65;
  color: var(--muted);
  margin: 18px 0 0;
}
.randee-search { margin-top: 30px; display: grid; gap: 14px; }
.randee-search__label { font-size: 14px; color: var(--muted); }
.randee-search__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}
.randee-search__row input {
  min-width: 0;
  border: 1px solid var(--line);
  background: white;
  border-radius: 18px;
  padding: 18px 18px;
  font-size: 16px;
  outline: none;
}
.randee-search__row input:focus { border-color: rgba(53,92,255,.35); box-shadow: 0 0 0 4px rgba(53,92,255,.08); }
.randee-search__row button {
  border: 0;
  border-radius: 18px;
  padding: 0 24px;
  background: linear-gradient(135deg, var(--brand), #5d2ce6);
  color: white;
  font-weight: 700;
}
.randee-search__chips { display: flex; flex-wrap: wrap; gap: 10px; }
.randee-search__chips a,
.randee-category-card,
.randee-article-card {
  background: var(--surface);
}
.randee-search__chips a {
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid var(--line);
  color: var(--muted);
}
.randee-hero__panel h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: -.03em;
}
.randee-hero__panel p { color: rgba(255,255,255,.78); line-height: 1.6; }
.randee-panel__label {
  margin: 0 0 12px;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 12px;
  color: rgba(255,255,255,.68);
  font-weight: 700;
}
.randee-stat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 28px; }
.randee-stat-grid div {
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255,255,255,.05);
}
.randee-stat-grid strong { display:block; font-size: 28px; }
.randee-stat-grid span { color: rgba(255,255,255,.7); font-size: 14px; }
.randee-quick-grid,
.randee-category-grid,
.randee-article-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.randee-promo-strip,
.randee-tabs,
.randee-info-grid {
  display: grid;
  gap: 18px;
}
.randee-promo-strip {
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
}
.randee-promo-card,
.randee-feature-card,
.randee-info-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 28px;
  box-shadow: var(--shadow);
}
.randee-promo-card { padding: 26px; }
.randee-promo-card--wide {
  background: linear-gradient(135deg, #0f172a, #172554 55%, #0f766e);
  color: white;
}
.randee-promo-card--wide .randee-kicker,
.randee-promo-card--wide p { color: rgba(255,255,255,.76); }
.randee-promo-card--stack {
  display: grid;
  gap: 16px;
  background: linear-gradient(180deg, #fff, #f6f8fc);
}
.randee-promo-card--stack > div {
  padding: 18px;
  border-radius: 20px;
  background: white;
  border: 1px solid var(--line);
}
.randee-promo-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.randee-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.08);
  color: white;
  font-weight: 700;
}
.randee-button--primary { background: linear-gradient(135deg, var(--brand), #5d2ce6); border-color: transparent; }
.randee-tabs__head {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.randee-tabs__head button {
  border: 1px solid var(--line);
  background: white;
  color: var(--muted);
  border-radius: 999px;
  padding: 12px 16px;
  font-weight: 700;
}
.randee-tabs__head .is-active {
  background: linear-gradient(135deg, var(--brand), #5d2ce6);
  color: white;
  border-color: transparent;
}
.randee-tabs__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.randee-feature-card { overflow: hidden; }
.randee-feature-card__media {
  height: 220px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.7), transparent 34%),
    linear-gradient(135deg, rgba(53,92,255,.9), rgba(21,191,165,.72));
}
.randee-feature-card:nth-child(2) .randee-feature-card__media {
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.7), transparent 34%),
    linear-gradient(135deg, #334155, #6366f1);
}
.randee-feature-card:nth-child(3) .randee-feature-card__media {
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.72), transparent 34%),
    linear-gradient(135deg, #0f766e, #22c55e);
}
.randee-feature-card__body,
.randee-info-card { padding: 22px; }
.randee-chip {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(53,92,255,.12);
  color: var(--brand);
  font-size: 12px;
  font-weight: 700;
}
.randee-feature-card h3,
.randee-info-card h3 { margin: 12px 0 8px; font-size: 20px; }
.randee-feature-card p,
.randee-info-card p { margin: 0; color: var(--muted); line-height: 1.6; }
.randee-info-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.randee-quick-card,
.randee-category-card,
.randee-article-card { padding: 22px; }
.randee-quick-card h3,
.randee-category-card h3,
.randee-article-card h3 { margin: 14px 0 8px; font-size: 18px; }
.randee-quick-card p,
.randee-category-card p,
.randee-article-card p { margin: 0; color: var(--muted); line-height: 1.6; }
.randee-quick-card__icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(53,92,255,.12), rgba(21,191,165,.14));
  color: var(--brand);
  font-size: 22px;
  font-weight: 700;
}
.randee-section { display: grid; gap: 18px; }
.randee-section__head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}
.randee-section__head h2 { margin: 0; font-size: 28px; }
.randee-section__head a { color: var(--brand); font-weight: 600; }
.randee-ad-banner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: 20px;
  padding: 34px;
  background: linear-gradient(135deg, #111827, #1f2937 60%, #0f766e);
  color: white;
}
.randee-ad-banner__copy h2 { margin: 0; font-size: 32px; line-height: 1.1; max-width: 14ch; }
.randee-ad-banner__copy p { max-width: 60ch; color: rgba(255,255,255,.78); line-height: 1.6; }
.randee-ad-banner__visual {
  display: flex;
  align-items: end;
  gap: 12px;
  min-height: 220px;
}
.randee-ad-banner__visual span {
  flex: 1;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.74));
  box-shadow: inset 0 -20px 60px rgba(53,92,255,.12);
}
.randee-ad-banner__visual span:nth-child(1) { height: 56%; }
.randee-ad-banner__visual span:nth-child(2) { height: 78%; }
.randee-ad-banner__visual span:nth-child(3) { height: 62%; }
.randee-quick-card:first-child { border-top: 3px solid rgba(53,92,255,.4); }
.randee-quick-card:nth-child(2) { border-top: 3px solid rgba(21,191,165,.4); }
.randee-quick-card:nth-child(3) { border-top: 3px solid rgba(244,171,0,.35); }
.randee-quick-card:nth-child(4) { border-top: 3px solid rgba(247,87,87,.35); }
@media (max-width: 860px) {
  .randee-shell { width: min(100% - 24px, 1590px); }
  .randee-header__inner, .randee-footer__inner { flex-direction: column; align-items: flex-start; }
  .randee-hero,
  .randee-ad-banner,
  .randee-promo-strip,
  .randee-quick-grid,
  .randee-category-grid,
  .randee-article-grid,
  .randee-tabs__grid,
  .randee-info-grid { grid-template-columns: 1fr; }
  .randee-topline { align-items: flex-start; flex-direction: column; }
  .randee-hero__copy,
  .randee-hero__panel,
  .randee-ad-banner { padding: 24px; }
  .randee-search__row { grid-template-columns: 1fr; }
  .randee-section__head { align-items: flex-start; flex-direction: column; }
  .randee-stat-grid { grid-template-columns: 1fr; }
}

/* End */
/* /local/templates/randee.pribors/template_styles.css?178620495011587 */