/* Arthos2 refresh — appended after the existing theme, 2026-09-05. */
:root {
  --bg: #0c0d11; --bg-deep: #08090c;
  --surface: #121419; --surface-2: #1a1c23; --surface-3: #23252e;
  --txt: #bfc0c9; --txt-dim: #a3a4af; --txt-bright: #f5f1eb;
  --accent: #c9293d; --accent-hi: #ff7f88; --accent-glow: #d1243b44;
  --line: #ffffff12; --line-strong: #d5ad6640;
  --radius: 8px; --radius-lg: 16px; --container: 1240px;
}
body { background: var(--bg); }
.site-bg { background: radial-gradient(ellipse at 85% 4%, #70182c21, transparent 45%), #0c0d11; }
.nav { background: #0b0c10ed; border-bottom-color: #d7b16e24; }
.nav__inner { gap: 20px; }
.nav__brand::before { content: ''; display: block; width: 43px; height: 51px; background: url('/img/logo/arthos2-modern.webp') center / contain no-repeat; }
.nav__brand .brand-mark { display: none; }
.brand-word { background: none; color: #efe8df; text-shadow: none; letter-spacing: .12em; }
.brand-word__num { color: #e25b66; }
.nav__links a { border-radius: 7px; min-height: 44px; }
.nav__links a.is-active { background: #bd263b19; color: #ff9ca4; }
.hero { position: relative; isolation: isolate; padding: 38px 0 62px; min-height: 650px; border-bottom: 1px solid #d5ad6620; overflow: hidden; }
.hero::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 50% 43%, #100d1000 10%, #090b10a1 78%), linear-gradient(0deg, #0c0d11, transparent 42%); }
.hero__scene { opacity: .45; filter: saturate(.55); }
.hero__logo { width: min(440px, 78vw); max-width: 440px; height: auto; aspect-ratio: 1; object-fit: contain; margin: 0 auto 8px; filter: drop-shadow(0 16px 28px #000a); }
.hero__claim { color: #e4c697; font-size: 13px; font-weight: 600; letter-spacing: .34em; margin: 0 0 24px; }
.hero__actions { gap: 12px; }
.hero__actions .btn { min-width: 220px; }
.btn { min-height: 48px; letter-spacing: .055em; padding: 13px 24px; transition: background .2s, border-color .2s, transform .2s, box-shadow .2s; }
.btn--primary { background: linear-gradient(125deg, #d43749, #9f152b); border-color: #f46c794d; box-shadow: 0 8px 26px #a3152a30, inset 0 1px #ffffff1a; }
.btn--primary:hover { background: linear-gradient(125deg, #e44357, #b91d35); box-shadow: 0 10px 32px #b91d3544; transform: translateY(-2px); }
.btn--ghost { background: #13161bd9; border-color: #c8a16b52; }
.section.container { padding-left: 24px; padding-right: 24px; }
.section--tight { padding-top: 28px; }
.stat-grid { gap: 14px; }
.stat { padding: 24px; background: linear-gradient(135deg, #191a21, #121419); border-color: #ffffff10; box-shadow: 0 8px 30px #0002; }
.stat__icon { color: #e1bd7f; background: #d6a7620d; border-color: #d6a76226; width: 46px; height: 46px; border-radius: 12px; }
.stat__value { font-size: 28px; font-variant-numeric: tabular-nums; }
.stat__label { margin-top: 7px; letter-spacing: .1em; }
.split { gap: 28px; grid-template-columns: minmax(0, 1fr) 330px; }
.section-title { font-size: 24px; font-weight: 650; letter-spacing: .035em; }
.section-title::after { background: linear-gradient(90deg, #cba76766, transparent); }
.card, .news-item { box-shadow: 0 12px 32px #0002; }
.card__head { padding: 19px 22px; background: linear-gradient(110deg, #cfa7630a, transparent); }
.card__head h3 { font-weight: 650; letter-spacing: .06em; }
.news-list { gap: 20px; }
.news-item { grid-template-columns: 200px minmax(0, 1fr); min-height: 194px; }
.news-item:hover { border-color: #cba76755; transform: translateY(-3px); }
.news-item__media img { opacity: .9; transition: transform .5s; }
.news-item__media { overflow: hidden; }
.news-item:hover .news-item__media img { transform: scale(1.035); }
.news-item__body { padding: 24px; }
.news-item__body h3 { font-size: 17px; text-transform: none; font-weight: 650; letter-spacing: 0; line-height: 1.45; }
.news-item__body p { font-size: 14px; line-height: 1.75; }
.news-item__tag { color: #e8c68b; border-color: #b78c4338; background: #b78c430b; padding: 4px 9px; font-size: 9px; }
.news-item__date { border-color: #ffffff26; background: #08090cd9; backdrop-filter: blur(6px); }
.input { min-height: 48px; background: #0b0d12; border-color: #ffffff1c; }
.field label { color: #c3c1ca; }
.tabs button { min-height: 44px; }
.tabs button.is-active { color: #edc991; box-shadow: inset 0 -2px #c49e62; }
.rank-table td { padding-top: 13px; padding-bottom: 13px; }
.footer { background: #090b0f; border-top-color: #c6a2662b; }
.footer__bottom { color: #91929e; }
.footer__social a { width: 44px; height: 44px; }
a:focus-visible, button:focus-visible { outline: 2px solid #e5be80; outline-offset: 4px; }
@media (max-width: 1080px) {
  .split { grid-template-columns: minmax(0, 1fr) 300px; gap: 22px; }
  .news-item { grid-template-columns: 1fr; }
  .news-item__media { height: 190px; }
  .split > aside { order: initial; }
}
@media (max-width: 860px) {
  .hero { min-height: 590px; padding: 28px 0 42px; }
  .hero__logo { width: min(390px, 80vw); }
  .nav__links { background: #101218; }
  .split { grid-template-columns: 1fr; }
  .split > aside { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
  .split > aside > * { margin-top: 0; }
  .news-item { grid-template-columns: 200px minmax(0, 1fr); }
  .news-item__media { height: auto; }
}
@media (max-width: 560px) {
  .section.container { padding-left: 16px; padding-right: 16px; }
  .nav__inner { gap: 10px; }
  .nav__brand { font-size: 14px; gap: 6px; }
  .nav__brand::before { width: 34px; height: 44px; }
  .brand-word { letter-spacing: .06em; }
  .hero { min-height: 0; padding-top: 22px; }
  .hero__logo { width: min(340px, 82vw); }
  .hero__claim { font-size: 11px; letter-spacing: .23em; }
  .hero__actions { max-width: 350px; margin: auto; }
  .stat-grid { grid-template-columns: 1fr; gap: 10px; }
  .stat { padding: 18px 22px; }
  .stat__value { font-size: 25px; }
  .split > aside { display: block; }
  .split > aside > * + * { margin-top: 20px; }
  .news-item { grid-template-columns: 1fr; }
  .news-item__media { height: 180px; }
  .news-item__body { padding: 22px; }
  .footer__links { gap: 12px 20px; }
  .footer__links a { min-height: 44px; display: inline-flex; align-items: center; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .hero__video { display: none; }
}