@import url('/landing-assets/tarot.css?v=8');
@import url('/landing-assets/secondary-page-bg.css?v=1');
/* Переменные для SVG-диаграммы синастрии — движок неба (sky-engine.js) красит линии/точки через var(--brass)/var(--violet)/var(--text-dim), это те же значения, что были в старом прототипе. */
body{--brass:#d2a17d;--violet:#7b47c9;--text-dim:#a89f93;--border:rgba(210,161,125,.3)}
.compat-hero{padding:70px 7% 30px}
.compat-form-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.compat-form-pair .cab-card h3{margin-top:0}
.compat-form-pair label{display:block;font-size:13px;color:#e6e4eb;margin:14px 0 8px}
.compat-form-pair label:first-child{margin-top:0}
.compat-form-pair input[type=date],.compat-form-pair input[type=time],.compat-form-pair input[type=text]{width:100%;background:#101322;color:#fff;border:1px solid #80738f;border-radius:10px;padding:12px 14px;font:inherit}
.compat-form-pair .check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#c7cbe3;margin:10px 0 0;cursor:pointer}
.compat-calc-row{text-align:center;margin-top:30px}
#c-live-result{margin-top:30px}
.synastry-visual{display:flex;justify-content:center;margin:24px 0 8px}
.synastry-visual svg{width:100%;max-width:280px;height:auto}
.zodiac-glyph{fill:#e6e4eb;font-family:Manrope,Arial,sans-serif}
.planet-dot{fill:#cbb8ff}
.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:20px}
.category-card{background:#121526;border:1px solid #77708c;border-radius:16px;padding:20px}
.category-card h3{display:flex;justify-content:space-between;gap:10px;font:18px Cormorant,Georgia,serif;margin:0 0 10px;flex-wrap:wrap}
.category-score{font-size:12px;color:#c9b6f3;white-space:nowrap}
.category-card p{font-size:13px;color:#e6e4eb;line-height:1.7;margin:0}
@media(max-width:800px){.compat-form-pair{grid-template-columns:1fr}}