/* VIVA Global Capital Markets — landing theme overrides */
:root { --viva-ink:#14242E; --viva-paper:#F6F5F0; --viva-teal:#165A61; --viva-teal-hover:#10474D; --viva-brass:#A68755; }
html, body { background-color: var(--viva-paper); }
body, button, input, select, textarea { font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
/* оранжевые иллюстрации -> тон бренда */
img[src*="yellow"], img[src*="orange"] { filter: hue-rotate(160deg) saturate(.6) brightness(1.02); }
/* фокус с клавиатуры — по брендбуку */
a:focus-visible, button:focus-visible { outline: 2px solid var(--viva-brass); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }
/* VIVA buttons */
.btn, .btn span, a.btn { color:#FFFFFF !important; }
.btn svg [stroke]:not([stroke="none"]) { stroke:#FFFFFF !important; }
.btn svg [fill]:not([fill="none"]) { fill:#FFFFFF !important; }
.btn:hover { filter: brightness(.92); }
.account-types-page, .account-types-page * { font-family: Inter, "Helvetica Neue", Arial, sans-serif; }
/* VIVA buttons teal */
.btn, a.btn, button.btn { background-color:#165A61 !important; border-color:#165A61 !important; }
.btn:hover, a.btn:hover, button.btn:hover { background-color:#10474D !important; border-color:#10474D !important; filter:none; }
/* ===== VIVA grid & typography (brandbook v1.0) ===== */
body { font-size:15px; line-height:24px; color:#14242E; }
.wrapper { max-width:1280px !important; padding-left:24px !important; padding-right:24px !important; margin-left:auto; margin-right:auto; box-sizing:border-box; }
h1, .h1-title { font-size:48px !important; line-height:56px !important; font-weight:600 !important; letter-spacing:-0.01em; }
h2, [class*="h2-title"], [class*="section-title"], .account-types-title { font-size:30px !important; line-height:38px !important; font-weight:600 !important; letter-spacing:-0.005em; }
h3, [class*="h3-title"] { font-size:20px !important; line-height:28px !important; font-weight:600 !important; }
p, li { font-size:15px; line-height:24px; }
section { scroll-margin-top:96px; }
section + section { margin-top:16px; }
/* кнопки */
.btn, a.btn, button.btn { min-height:44px; border-radius:4px !important; padding-left:20px; padding-right:20px; font-weight:600; transition:background-color .15s ease; }
/* поля форм */
input:not([type="checkbox"]):not([type="radio"]), select, textarea {
  min-height:44px; border-radius:4px !important; border:1px solid #D9DED9 !important;
  background-color:#FFFFFF !important; color:#14242E !important; box-shadow:none !important; }
input:focus, select:focus, textarea:focus { border-color:#165A61 !important; outline:2px solid #A68755; outline-offset:2px; }
/* карточки */
[class*="-card"], [class*="card-"], [class*="advantages-item"], [class*="awards-item"], .account-types-card {
  border-radius:8px !important; border-color:#D9DED9 !important; }
img[class*="card"], [class*="-card"] img, [class*="advantages-item"] img { border-radius:8px; }
/* метки-«киккеры»: тонкие латунные уголки по брендбуку */
[class*="kicker"], [class*="label-box"] { letter-spacing:.08em; }
/* мобильные */
@media (max-width: 767px) {
  .wrapper { padding-left:16px !important; padding-right:16px !important; }
  h1, .h1-title { font-size:32px !important; line-height:40px !important; }
  h2, [class*="h2-title"], [class*="section-title"], .account-types-title { font-size:24px !important; line-height:32px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  h1, .h1-title { font-size:40px !important; line-height:48px !important; }
}
/* VIVA icon buttons (только иконка, без текста) */
.btn:has(svg):not(:has(span)), a.btn:has(svg):not(:has(span)) { background-color:transparent !important; border-color:transparent !important; }
.btn:has(svg):not(:has(span)):hover { background-color:#EDF1EF !important; }
.btn:has(svg):not(:has(span)) svg [stroke]:not([stroke="none"]) { stroke:#14242E !important; }
.btn:has(svg):not(:has(span)) svg [fill]:not([fill="none"]) { fill:#14242E !important; }
/* VIVA nav icons: значки входа/регистрации в шапке — белые на teal */
.nav a[href*="login.html"], .nav a[href*="register.html"] { color:#FFFFFF !important; }
.nav a[href*="login.html"] svg [stroke]:not([stroke="none"]), .nav a[href*="register.html"] svg [stroke]:not([stroke="none"]) { stroke:#FFFFFF !important; }
.nav a[href*="login.html"] svg [fill]:not([fill="none"]),     .nav a[href*="register.html"] svg [fill]:not([fill="none"])     { fill:#FFFFFF !important; }
.nav a[href*="login.html"] img, .nav a[href*="register.html"] img { filter: brightness(0) invert(1); }
/* VIVA btn images */
.btn img, a.btn img, button.btn img { filter: brightness(0) invert(1); }