@import url('/landing-assets/tarot.css?v=8');
@import url('/landing-assets/secondary-page-bg.css?v=1');
.card-hero{padding:60px 7% 40px;display:grid;grid-template-columns:280px 1fr;gap:50px;align-items:center}
.card-hero-img{width:100%;max-width:280px;border-radius:14px;border:1px solid #cab8ec;box-shadow:0 15px 50px #0009}
.card-hero .eyebrow{margin-bottom:14px}
.card-hero h1{margin:0 0 14px}
.card-hero .number-tag{display:inline-block;border:1px solid #77708c;border-radius:30px;padding:6px 16px;font-size:12px;color:#cdbaff;margin-bottom:16px}
.card-hero .lead{margin:0 0 22px}
.card-meaning{padding:0 7%;max-width:900px;margin:0 auto}
.card-meaning h2{margin-top:0}
.card-meaning .upright,.card-meaning .reversed{background:#121526;border:1px solid #77708c;border-radius:16px;padding:26px 28px;margin-bottom:20px}
.card-meaning .reversed{border-color:#5a4a6e}
.card-meaning .upright h3,.card-meaning .reversed h3{margin:0 0 10px;font-size:19px;display:flex;align-items:center;gap:10px}
.card-meaning p{font-size:14px;color:#e6e4eb;line-height:1.8;margin:0}
.card-related{padding:50px 7%;max-width:900px;margin:0 auto}
.card-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}
.card-related-grid a{display:flex;align-items:center;gap:14px;background:#121526;border:1px solid #77708c;border-radius:14px;padding:14px 16px;color:#fff;font-size:14px}
.card-related-grid a img{width:44px;height:68px;object-fit:cover;border-radius:5px;flex:none}
.card-cta{text-align:center;padding:50px 7%}
.card-breadcrumb{padding:20px 7% 0;font-size:12px;color:#c7cbe3}
.card-breadcrumb a{color:#c9b6f3}
@media(max-width:800px){.card-hero{grid-template-columns:1fr;text-align:center}.card-hero-img{margin:0 auto}}