/* ANRelationships – Luxury Dark Theme */

body {
    background-color: #050308;
    color: #e6e0f0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Generic containers */
.section-lux {
    padding: 60px 0;
    background: #050308;
    color: #e6e0f0;
}

.section-lux.alt {
    background: #090612;
}

/* Pills, lists, panels, cards */
.pill {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    border: 1px solid rgba(217,179,108,.4);
    font-size: .75rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #d9b36c;
}

.lux-list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.lux-list li {
    margin-bottom: 8px;
    font-size: .95rem;
}

.lux-panel {
    background: rgba(12, 8, 24, .96);
    border-radius: 18px;
    border: 1px solid rgba(217,179,108,.35);
    padding: 22px 20px;
    box-shadow: 0 18px 40px rgba(0,0,0,.8);
}

.lux-panel h4 {
    margin-bottom: 12px;
}

.lux-card {
    background: rgba(12, 8, 24, .96);
    border-radius: 18px;
    border: 1px solid rgba(217,179,108,.25);
    padding: 20px 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.7);
}

.lux-card h5 {
    margin-bottom: 8px;
}

/* Steps */
.lux-steps {
    list-style: decimal;
    padding-left: 18px;
}

.lux-steps li {
    margin-bottom: 10px;
}

/* Buttons */
.btn-primary-lux,
.btn-ghost-lux {
    cursor: pointer;
    text-decoration: none;
}

/* Utility */
.text-muted {
    color: #8f84a7 !important;
}

/* Responsive tweaks */
@media (max-width: 767px) {
    .hero-lux h1,
    .about-hero h1,
    .signup-hero h1 {
        font-size: 1.8rem;
        letter-spacing: .12em;
    }
}