:root {
  --primary: #c13126;
  --primary-dark: #9a231a;
  --accent: #e220ae;
  --bg: #faf7f6;
  --surface: #ffffff;
  --text: #352625;
  --muted: #7d6a68;
  --border: #e7dfde;
  --radius: 20px;
  --font: Georgia, "Times New Roman", serif;
  --shadow: 0 12px 34px rgba(20, 30, 50, 0.09);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  max-width: 100%;
}

a {
  color: var(--primary);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1,
h2,
h3 {
  line-height: 1.2;
  margin: 0 0 0.5em;
  font-weight: 700;
  letter-spacing: -0.01em;
}

h1 {
  font-size: clamp(2rem, 4vw, 3.1rem);
}

h2 {
  font-size: clamp(1.5rem, 2.6vw, 2rem);
}

h3 {
  font-size: 1.12rem;
}

p {
  margin: 0 0 1em;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

.ui-zepa-mati {
  display: block;
  min-height: 60vh;
}

.ui-bice-cavi {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.ui-hohi-nuco {
  color: var(--muted);
}

.ui-raso-zafu {
  font-size: 0.86rem;
}

.ui-gelu-vifa {
  text-align: center;
}

.ui-sihe-bama {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 22px;
  border: 1px solid transparent;
  border-radius: var(--radius);
  font-family: inherit;
  font-size: 0.98rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.ui-sihe-bama:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.ui-cife-seza {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.ui-cife-seza:hover {
  background: var(--primary-dark);
  border-color: var(--primary-dark);
}

.ui-beme-humu {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}

.ui-beme-humu:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.ui-ruda-benu {
  background: #fff;
  color: var(--primary-dark);
}

.ui-zetu-zogu {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--primary);
  font-size: 1.16rem;
  font-weight: 700;
}

.ui-zetu-zogu:hover {
  text-decoration: none;
}

.ui-lice-baca {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
}

.ui-pike-lobu {
  position: sticky;
  top: 0;
  z-index: 20;
  background: color-mix(in srgb, var(--bg) 88%, transparent);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(10px);
}

.ui-pipo-kuge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 70px;
}

.ui-bifo-buki,
.ui-fehu-kega,
.ui-pego-vuge,
.ui-rona-hosi {
  display: flex;
  align-items: center;
  gap: 22px;
  font-size: 0.95rem;
}

.ui-bifo-buki a,
.ui-fehu-kega a,
.ui-pego-vuge a,
.ui-rona-hosi a,
.ui-vono-hizu a {
  color: var(--text);
}

.ui-bifo-buki a:hover,
.ui-fehu-kega a:hover,
.ui-pego-vuge a:hover,
.ui-rona-hosi a:hover,
.ui-vono-hizu a:hover {
  color: var(--primary);
  text-decoration: none;
}

.ui-meca-moga,
.ui-nosa-mifu,
.ui-koba-mile,
.ui-nori-dodu {
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
}

.ui-nori-dodu {
  margin-left: auto;
}

.ui-dopi-hego {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 14px 0 10px;
}

.ui-melu-zofu {
  justify-content: center;
}

.ui-fehu-kega {
  flex-wrap: wrap;
  justify-content: center;
}

.ui-sipu-lufe {
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.84rem;
}

.ui-gezi-fosi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 34px;
}

.ui-kano-cubo {
  color: var(--muted);
}

.ui-zove-deno {
  color: var(--muted);
}

.ui-cuvu-fivi {
  background: var(--primary-dark);
  color: #fff;
}

.ui-nabe-pibo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 36px;
  font-size: 0.86rem;
}

.ui-sodo-cugu {
  color: #fff;
  text-decoration: underline;
}

.ui-zuke-geda {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 66px;
}

.ui-tava-depo {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 72px;
}

.ui-vono-hizu {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  font-size: 0.92rem;
}

.ui-vono-hizu a {
  padding: 6px 14px;
  border-radius: 999px;
}

.ui-vono-hizu a:hover {
  background: var(--bg);
}

.ui-koba-mile {
  white-space: nowrap;
}

.ui-teco-tile {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 64px;
}

.ui-bura-bahu {
  padding: 56px 0;
}

.ui-pehe-pehi {
  background: color-mix(in srgb, var(--surface) 65%, var(--bg));
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.ui-zeku-rade {
  max-width: 760px;
  margin: 0 auto 30px;
  text-align: center;
}

.ui-toda-koki {
  margin-left: 0;
  text-align: left;
}

.ui-poha-pupi {
  margin-bottom: 10px;
  color: var(--primary);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ui-lomi-dene {
  margin-bottom: 12px;
}

.ui-fami-homi {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 1.04rem;
}

.ui-foko-huso {
  margin-bottom: 14px;
  color: var(--primary);
  font-size: 0.86rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ui-fome-rolo {
  max-width: 62ch;
  color: var(--muted);
  font-size: 1.12rem;
}

.ui-kiga-tiko {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px 0 14px;
}

.ui-tosa-hozi {
  padding: 72px 0 56px;
}

.ui-pipo-goma {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
  gap: 54px;
  align-items: center;
}

.ui-misa-culi {
  justify-self: end;
  width: 100%;
  max-width: 440px;
}

.ui-hado-gigu {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.8);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.ui-geta-kupu {
  max-width: 760px;
  margin: 0 auto;
}

.ui-vesa-lani {
  display: flex;
  gap: 6px;
  margin-bottom: 18px;
}

.ui-vesa-lani span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--border);
}

.ui-vesa-lani span:first-child {
  background: var(--accent);
}

.ui-mipe-kuhi {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.ui-kuna-reke {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border-radius: calc(var(--radius) * 0.7);
  background: color-mix(in srgb, var(--primary) 16%, white);
}

.ui-litu-pica {
  height: 8px;
  flex: 1;
  border-radius: 4px;
  background: var(--border);
}

.ui-suta-sole {
  flex: 0 0 58%;
}

.ui-lafa-puco {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  height: 116px;
  margin-top: 18px;
  padding: 14px;
  border-radius: calc(var(--radius) * 1.2);
  background: color-mix(in srgb, var(--primary) 7%, white);
}

.ui-cato-bepe {
  width: 22%;
  height: 34%;
  border-radius: 6px 6px 2px 2px;
  background: color-mix(in srgb, var(--primary) 45%, white);
}

.ui-cori-hopu {
  height: 78%;
  background: var(--primary);
}

.ui-lati-cale {
  height: 54%;
  background: color-mix(in srgb, var(--accent) 70%, white);
}

.ui-nezu-dodi {
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
}

.ui-ratu-nora {
  margin-right: auto;
  margin-left: auto;
}

.ui-luca-vebo {
  justify-content: center;
}

.ui-vicu-cipo {
  margin-top: 8px;
}

.ui-culi-lamo {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
  gap: 50px;
  align-items: start;
}

.ui-nuhu-dace {
  padding: 26px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-sora-saka {
  margin-bottom: 14px;
  font-weight: 600;
}

.ui-bive-temu {
  display: grid;
  gap: 8px;
  padding-left: 20px;
  color: var(--muted);
}

.ui-rive-peli {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
  gap: 50px;
  align-items: center;
}

.ui-feci-tusa {
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.5);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.ui-hiri-haki {
  margin-bottom: 16px;
  font-size: 1.2rem;
  font-weight: 700;
}

.ui-pemi-puha {
  display: grid;
  gap: 12px;
}

.ui-cako-toza {
  color: var(--muted);
  font-size: 0.86rem;
}

.ui-rile-rima {
  width: 100%;
  margin-top: 6px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.9);
  background: var(--bg);
  color: var(--text);
  font-family: inherit;
  font-size: 0.98rem;
}

.ui-rile-rima:focus {
  border-color: var(--primary);
  outline: none;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
}

.ui-sere-bipe {
  padding: 12px;
  border: 0;
  border-radius: calc(var(--radius) * 0.9);
  background: var(--primary);
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

.ui-sere-bipe:hover {
  background: var(--primary-dark);
}

.ui-foco-sabi {
  margin: 14px 0 0;
}

.ui-peli-sasa {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.9fr);
  gap: 46px;
  align-items: center;
}

.ui-keku-sihu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ui-dicu-keza {
  display: grid;
  gap: 36px;
}

.ui-dovi-fipe {
  max-width: 800px;
}

.ui-fuho-huda {
  width: 100%;
}

.ui-zove-galo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.ui-doso-dego {
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.4);
  background: var(--surface);
}

.ui-doso-dego h3 {
  color: var(--text);
}

.ui-doso-dego p {
  margin: 0;
  color: var(--muted);
}

.ui-duhi-lile {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  border-radius: calc(var(--radius) * 0.8);
  background: color-mix(in srgb, var(--primary) 12%, white);
  color: var(--primary);
}

.ui-pizo-nuno {
  display: grid;
  gap: 14px;
  margin-top: 26px;
}

.ui-tepe-gevu {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  gap: 20px;
  padding: 22px 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-diso-rima {
  color: var(--accent);
  font-size: 1.5rem;
  font-weight: 700;
}

.ui-kazu-mata p {
  margin: 0;
  color: var(--muted);
}

.ui-zuno-laku {
  display: grid;
  gap: 22px;
  margin-top: 30px;
}

.ui-zibo-gera {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 0.7fr);
  gap: 34px;
  align-items: center;
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.5);
  background: var(--surface);
}

.ui-zibo-gera:nth-child(even) .ui-fetu-kecu {
  order: 2;
}

.ui-fetu-kecu p {
  margin: 0;
  color: var(--muted);
}

.ui-lidi-zogu {
  position: relative;
  min-height: 150px;
  overflow: hidden;
  border-radius: var(--radius);
  background: color-mix(in srgb, var(--primary) 8%, white);
}

.ui-giho-teka {
  position: absolute;
  top: 28px;
  left: 18%;
  width: 120px;
  height: 74px;
  border-radius: 12px;
  background: var(--primary);
  opacity: 0.85;
}

.ui-buva-dina {
  top: 54px;
  left: 46%;
  background: var(--accent);
  opacity: 0.75;
}

.ui-babe-kogo {
  position: absolute;
  right: 10%;
  bottom: 22px;
  left: 10%;
  height: 10px;
  border-radius: 6px;
  background: var(--border);
}

.ui-nizu-lotu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.ui-tufo-kugo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  margin-top: 26px;
  list-style: none;
}

.ui-pebe-muba {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.4);
  background: var(--surface);
}

.ui-pebe-muba p {
  margin: 0;
  color: var(--muted);
}

.ui-neku-pohu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-bottom: 12px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--primary) 12%, white);
  color: var(--primary);
  font-weight: 700;
}

.ui-didu-mude {
  display: grid;
  gap: 12px;
  margin-top: 26px;
  list-style: none;
}

.ui-givo-mugu {
  display: grid;
  grid-template-columns: 60px minmax(0, 1fr);
  gap: 18px;
  padding: 20px 22px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-noku-tetu {
  color: var(--accent);
  font-size: 1.4rem;
  font-weight: 700;
}

.ui-zini-tulo p {
  margin: 0;
  color: var(--muted);
}

.ui-maca-laba {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.ui-tulo-voci {
  padding: 26px;
  border: 1px solid var(--border);
  border-top: 3px solid var(--primary);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-tulo-voci p {
  margin: 0;
  color: var(--muted);
}

.ui-tecu-cehe {
  display: block;
  margin-bottom: 10px;
  color: var(--primary);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ui-tida-lura {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ui-cepu-tefo {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.ui-muhi-tede {
  padding: 24px 16px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.2);
  background: var(--surface);
  text-align: center;
}

.ui-cazo-gapu {
  display: block;
  color: var(--primary);
  font-size: 1.9rem;
  line-height: 1.15;
}

.ui-suru-gedo {
  color: var(--muted);
  font-size: 0.9rem;
}

.ui-beci-kepe {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 40px;
  justify-content: space-between;
  list-style: none;
}

.ui-dufu-cive {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ui-sami-bihi {
  color: var(--primary);
  font-size: 1.7rem;
  line-height: 1.15;
}

.ui-tevi-golo {
  color: var(--muted);
  font-size: 0.9rem;
}

.ui-zugu-zanu {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ui-vonu-feda {
  margin-bottom: 18px;
  color: var(--muted);
  font-size: 0.86rem;
  text-align: center;
}

.ui-huci-cuvu {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 34px;
  align-items: center;
  justify-content: center;
}

.ui-sica-saro {
  color: var(--muted);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.ui-zavi-gumo {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 26px;
}

.ui-holo-kige {
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-dodu-dibo {
  margin-bottom: 14px;
  color: var(--text);
}

.ui-kuto-moru {
  margin: 0;
  font-weight: 700;
}

.ui-nefo-hata {
  margin: 0;
  color: var(--muted);
  font-size: 0.86rem;
}

.ui-tali-have {
  display: grid;
  gap: 12px;
  margin-top: 22px;
}

.ui-gipo-haki {
  padding: 18px 22px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-cefo-pira {
  cursor: pointer;
  font-weight: 600;
}

.ui-ficu-bovu {
  margin: 12px 0 0;
  color: var(--muted);
}

.ui-tipi-doku {
  padding: 58px 0;
  background: linear-gradient(135deg, var(--primary-dark), var(--primary));
  color: #fff;
}

.ui-zube-cote {
  max-width: 720px;
  text-align: center;
}

.ui-zube-cote h2 {
  color: #fff;
}

.ui-zube-cote p {
  color: rgba(255, 255, 255, 0.86);
}

.ui-boze-piza {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  align-items: center;
  justify-content: space-between;
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.5);
  background: var(--surface);
}

.ui-boze-piza .ui-lomi-dene {
  margin-bottom: 4px;
}

.ui-boze-piza p {
  margin: 0;
}

.ui-lera-sudu {
  padding: 64px 0 26px;
}

.ui-veho-meni {
  max-width: 820px;
}

.ui-honi-vifa {
  margin-bottom: 12px;
}

.ui-maze-seso {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 1.08rem;
}

.ui-kuvu-bugu {
  padding-bottom: 18px;
}

.ui-vope-luka {
  padding-top: 26px;
}

.ui-seru-dibo {
  max-width: 780px;
}

.ui-seru-dibo h2 {
  margin-top: 1.6em;
}

.ui-pucu-foza {
  font-size: 0.9rem;
}

.ui-momi-caci {
  display: grid;
  gap: 8px;
  margin: 0 0 1.2em;
  padding: 0;
  list-style: none;
}

.ui-momi-caci li {
  position: relative;
  padding-left: 24px;
}

.ui-momi-caci li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
}

.ui-hape-kufo {
  padding-top: 30px;
}

.ui-fupe-dike,
.ui-neso-nevi {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

.ui-mipa-nivi {
  display: flex;
  flex-direction: column;
  padding: 26px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.4);
  background: var(--surface);
}

.ui-mipa-nivi[data-featured],
.ui-vuha-sele[data-featured],
.ui-huvo-roge[data-featured] {
  border-color: var(--primary);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--primary) 18%, transparent);
}

.ui-lire-dofo {
  margin: 0 0 4px;
  color: var(--text);
  font-size: 1.18rem;
  font-weight: 700;
}

.ui-deni-lelu {
  margin: 6px 0 20px;
  color: var(--text);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}

.ui-nomi-rite {
  color: var(--muted);
  font-size: 0.92rem;
  font-weight: 400;
}

.ui-cipu-cupe {
  display: grid;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  color: var(--muted);
}

.ui-cipu-cupe li {
  position: relative;
  padding-left: 22px;
}

.ui-cipu-cupe li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--accent);
}

.ui-mipa-nivi .ui-sihe-bama {
  margin-top: auto;
}

.ui-depo-ducu {
  width: 100%;
}

.ui-pile-fuku {
  margin-top: 24px;
}

.ui-geho-disi {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-datu-codu {
  width: 100%;
  border-collapse: collapse;
  min-width: 680px;
}

.ui-datu-codu th,
.ui-datu-codu td {
  padding: 16px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--border);
}

.ui-datu-codu tr:last-child td {
  border-bottom: 0;
}

.ui-mira-cive th {
  color: var(--muted);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ui-nita-vumo {
  font-weight: 700;
}

.ui-zulo-gase .ui-deni-lelu {
  margin: 0;
  font-size: 1.35rem;
}

.ui-cugo-nozu .ui-cipu-cupe {
  margin: 0;
}

.ui-nete-lece {
  white-space: nowrap;
}

.ui-vili-lasu {
  display: grid;
  gap: 18px;
}

.ui-vuha-sele {
  display: grid;
  grid-template-columns: minmax(180px, 0.5fr) minmax(0, 1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 24px 26px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-dofa-kava .ui-deni-lelu {
  margin: 4px 0 0;
  font-size: 1.6rem;
}

.ui-gago-kehi {
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.ui-muha-nizi {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 66vh;
  padding: 48px 20px;
}

.ui-naci-piha {
  width: 388px;
  max-width: 100%;
  padding: 34px 30px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.6);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.ui-pibe-veke {
  margin-bottom: 10px;
}

.ui-fafe-dage {
  margin: 4px 0 24px;
  color: var(--muted);
  font-size: 0.95rem;
}

.ui-giro-pote {
  display: block;
  margin-bottom: 15px;
  color: var(--muted);
  font-size: 0.86rem;
}

.ui-biru-tide {
  width: 100%;
  margin-top: 6px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 0.9);
  background: var(--bg);
  color: var(--text);
  font-family: inherit;
  font-size: 0.98rem;
  outline: none;
}

.ui-biru-tide:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary) 15%, transparent);
}

.ui-cari-haso {
  width: 100%;
  margin-top: 4px;
  padding: 12px;
  border: 0;
  border-radius: calc(var(--radius) * 0.9);
  background: var(--primary);
  color: #fff;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

.ui-cari-haso:hover {
  background: var(--primary-dark);
}

.ui-nifu-zova,
.ui-rigo-koli {
  margin: -2px 0 12px;
  color: #b02a1f;
  font-size: 0.88rem;
}

.ui-begi-momu {
  margin: 18px 0 0;
}

.ui-safi-fema,
.ui-henu-pame {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 50px;
  align-items: center;
  width: min(1000px, 100%);
}

.ui-roru-mode {
  padding: 20px 0;
}

.ui-guko-hice {
  font-size: clamp(1.6rem, 3vw, 2.3rem);
}

.ui-kome-fepi {
  display: grid;
  gap: 10px;
  padding-left: 20px;
  color: var(--muted);
}

.ui-zigu-toba {
  padding: 30px;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) * 1.5);
  background: var(--surface);
  box-shadow: var(--shadow);
}

.ui-henu-pame {
  grid-template-columns: minmax(280px, 0.8fr) minmax(320px, 1fr);
}

.ui-bipo-cepu {
  padding: 30px;
  border-radius: calc(var(--radius) * 1.5);
  background: color-mix(in srgb, var(--primary) 10%, var(--surface));
}

.ui-babo-mefu {
  margin: 0;
  color: var(--muted);
}

.ui-timi-vogo {
  width: 100%;
  max-width: 360px;
}

.ui-zugu-riti {
  padding: 28px 26px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
}

.ui-poma-lepu {
  margin-bottom: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

.ui-siro-nile {
  padding: 88px 0;
}

.ui-zame-beri {
  max-width: 720px;
}

.ui-gife-pono {
  margin: 0;
  color: var(--accent);
  font-size: clamp(4rem, 12vw, 8rem);
  font-weight: 700;
  line-height: 0.9;
}

.ui-doho-debu {
  margin-top: 12px;
}

.ui-tana-bute {
  max-width: 56ch;
  color: var(--muted);
  font-size: 1.08rem;
}

.ui-puva-notu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 26px 0 14px;
}

.ui-pake-zuno {
  margin: 0;
}

.ui-pesa-holo {
  margin-top: 24px;
  padding: 40px 0;
  border-top: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.9rem;
}

.ui-lage-kihi {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.8fr) minmax(0, 1fr);
  gap: 30px;
}

.ui-gaki-zuno {
  margin-bottom: 6px;
  color: var(--primary);
  font-weight: 700;
}

.ui-gihu-core {
  display: grid;
  align-content: start;
  gap: 7px;
}

.ui-gihu-core a {
  color: var(--text);
}

.ui-nama-diho p {
  margin-bottom: 6px;
}

.ui-voku-keno,
.ui-bego-sozu {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  justify-content: space-between;
}

.ui-tobi-leni,
.ui-dime-maha {
  color: var(--primary);
  font-weight: 700;
}

.ui-zeci-susa {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.ui-zeci-susa a {
  color: var(--text);
}

.ui-mera-fuvo,
.ui-fohi-roza {
  color: var(--muted);
}

.ui-nibe-rabo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border);
}

.ui-disa-nuso {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  align-content: start;
}

.ui-disa-nuso a {
  color: var(--text);
}

.ui-radi-cipo {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  justify-content: space-between;
  padding-top: 18px;
}

.ui-visa-sudi {
  color: var(--muted);
}

.ui-muka-kapu {
  color: var(--muted);
}

.ui-banu-rala {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 0.7fr));
  gap: 28px;
}

.ui-rebo-vipi {
  margin-bottom: 10px;
  color: var(--text);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.ui-devo-hemu {
  display: grid;
  gap: 7px;
}

.ui-devo-hemu a {
  color: var(--text);
}

.ui-zeki-hote {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 26px;
  justify-content: space-between;
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid var(--border);
  color: var(--muted);
}

.ui-zelo-goto {
  color: var(--muted);
}

.ui-dova-hoti,
.ui-logi-nefi,
.ui-bina-tera,
.ui-modi-vire,
.ui-hipo-zudi {
  padding-bottom: 64px;
}

.ui-fupa-luce,
.ui-gike-rehe,
.ui-celi-biha,
.ui-dazi-ceru {
  max-width: 640px;
}

.ui-nago-tago {
  align-self: center;
}

.ui-topo-cuku,
.ui-lebi-dive,
.ui-bigi-cono,
.ui-pizu-gena,
.ui-tolo-mazi {
  position: relative;
}

.ui-vufi-tezi .ui-zuno-laku,
.ui-vubu-citu .ui-pizo-nuno,
.ui-hope-ruda .ui-nizu-lotu {
  margin-top: 24px;
}

.ui-paco-zite {
  align-items: start;
}

.ui-pize-todu {
  padding-top: 20px;
}

.ui-suho-bofe {
  display: grid;
  gap: 14px;
}

.ui-gipa-gaba,
.ui-huci-moku,
.ui-cuvi-lute,
.ui-vato-fivi {
  position: relative;
}

.ui-visu-dude,
.ui-nule-mebe,
.ui-mefi-copa,
.ui-dilu-vace,
.ui-rubo-vehi,
.ui-zife-hera {
  position: relative;
}

.ui-dige-zohu {
  font-weight: 600;
}

.ui-monu-fice {
  padding: 16px 12px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: top;
}

.ui-revo-piva,
.ui-pubi-guri {
  min-width: 0;
}

.ui-revo-piva {
  display: grid;
  gap: 4px;
  align-content: start;
}

.ui-gugi-heho,
.ui-bune-femi {
  min-width: 0;
}

.ui-bune-femi {
  display: grid;
  gap: 4px;
}

.ui-vagi-zahe,
.ui-salu-gefe,
.ui-teku-sena {
  padding-top: 20px;
}

#ui-varu-fapi {
  display: grid;
}

#ui-gila-feca,
#ui-tire-maso {
  display: block;
}

#ui-pudu-calu[hidden] {
  display: none;
}

@media (max-width: 900px) {
  .ui-pipo-goma,
  .ui-rive-peli,
  .ui-culi-lamo,
  .ui-peli-sasa,
  .ui-safi-fema,
  .ui-henu-pame {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .ui-misa-culi {
    justify-self: start;
  }

  .ui-zove-galo,
  .ui-tufo-kugo,
  .ui-maca-laba,
  .ui-zavi-gumo,
  .ui-fupe-dike,
  .ui-neso-nevi,
  .ui-cepu-tefo {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ui-lage-kihi,
  .ui-banu-rala {
    grid-template-columns: 1fr 1fr;
  }

  .ui-vuha-sele {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .ui-pipo-kuge,
  .ui-zuke-geda,
  .ui-tava-depo,
  .ui-teco-tile {
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 0;
  }

  .ui-bifo-buki,
  .ui-fehu-kega,
  .ui-pego-vuge,
  .ui-rona-hosi,
  .ui-vono-hizu {
    flex-wrap: wrap;
    gap: 10px 14px;
    font-size: 0.9rem;
  }

  .ui-vono-hizu {
    border: 0;
    padding: 0;
    background: transparent;
  }

  .ui-tosa-hozi,
  .ui-hipo-zudi {
    padding: 46px 0 38px;
  }

  .ui-zove-galo,
  .ui-nizu-lotu,
  .ui-tufo-kugo,
  .ui-maca-laba,
  .ui-zavi-gumo,
  .ui-fupe-dike,
  .ui-neso-nevi,
  .ui-cepu-tefo,
  .ui-keku-sihu {
    grid-template-columns: 1fr;
  }

  .ui-zibo-gera,
  .ui-nibe-rabo,
  .ui-lage-kihi,
  .ui-banu-rala {
    grid-template-columns: 1fr;
  }

  .ui-zibo-gera:nth-child(even) .ui-fetu-kecu {
    order: 0;
  }

  .ui-voku-keno,
  .ui-bego-sozu,
  .ui-radi-cipo,
  .ui-zeki-hote,
  .ui-boze-piza,
  .ui-beci-kepe {
    align-items: flex-start;
    flex-direction: column;
  }

  .ui-bura-bahu {
    padding: 40px 0;
  }

  .ui-gago-kehi {
    grid-template-columns: 1fr;
  }
}

.ui-vono-hizu {
  box-shadow: 0 4px 14px rgba(20, 30, 50, 0.06);
}

.ui-hipo-zudi {
  padding-top: 58px;
}

.ui-doso-dego,
.ui-mipa-nivi,
.ui-holo-kige {
  border-radius: calc(var(--radius) * 2);
}

.ui-tida-lura {
  padding-top: 26px;
  padding-bottom: 26px;
}