/* ClientPortalV2 Styles */
/* Brand: #3d1a6f (purple), #170a29 (dark), #fdb913 (yellow), #ed174c (red) */

.wv2-hero-simple { background: linear-gradient(135deg, #3d1a6f 0%, #170a29 100%); color: #fff; padding: 7rem 0 4rem; text-align: center; }
.wv2-page-title { font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 3rem; margin-bottom: 1rem; }
.wv2-accent { color: #fdb913; }
.wv2-page-subtitle { font-size: 1.15rem; opacity: 0.9; max-width: 600px; margin: 0 auto 2rem; line-height: 1.6; }

.cpv2-btn-hero {
    background: #fdb913; color: #170a29; border: 2px solid #fdb913; padding: 0.75rem 2.5rem;
    border-radius: 50px; font-weight: 600; font-size: 1rem; transition: all 0.25s ease; margin-top: 0.5rem;
}
.cpv2-btn-hero:hover { background: #e5a50f; border-color: #e5a50f; color: #170a29; text-decoration: none; }

/* Sections */
.cpv2-section { padding: 5rem 0; }
.cpv2-section-purple { background: linear-gradient(135deg, #3d1a6f 0%, #170a29 100%); color: #fff; padding: 5rem 0; }
.cpv2-section-heading { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2rem; color: #170a29; margin-bottom: 1rem; }
.cpv2-yellow-rule { width: 60px; height: 4px; background: #fdb913; border: none; margin: 1rem 0 1.5rem; }
.cpv2-yellow-rule-center { margin-left: auto; margin-right: auto; }

/* Feature Cards */
.cpv2-feature-card {
    background: #fff; border-radius: 12px; padding: 2rem 1.5rem; text-align: center; height: 100%;
    border: 1px solid #ede8f5; transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cpv2-feature-card:hover { transform: translateY(-6px); box-shadow: 0 12px 32px rgba(61,26,111,0.15); }
.cpv2-feature-icon {
    width: 56px; height: 56px; border-radius: 50%; display: inline-flex; align-items: center;
    justify-content: center; font-size: 1.4rem; margin-bottom: 1.25rem; color: #fff;
}
.cpv2-icon-yellow { background: #fdb913; color: #170a29; }
.cpv2-icon-red { background: #ed174c; }
.cpv2-icon-purple { background: #7d1d61; }
.cpv2-feature-card h3 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1.05rem; color: #170a29; margin-bottom: 0.75rem; }
.cpv2-feature-card p { font-size: 0.9rem; color: #555; line-height: 1.6; margin: 0; }

/* Purple Section */
.cpv2-heading-white { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2.25rem; margin-bottom: 1rem; }
.cpv2-subtitle-white { font-size: 1.1rem; opacity: 0.9; max-width: 550px; margin: 0 auto 2rem; line-height: 1.6; }
.cpv2-btn-yellow {
    background: #fdb913; color: #170a29; border: 2px solid #fdb913; padding: 0.75rem 2.5rem;
    border-radius: 50px; font-weight: 600; font-size: 1rem; transition: all 0.25s ease;
}
.cpv2-btn-yellow:hover { background: #e5a50f; border-color: #e5a50f; color: #170a29; text-decoration: none; }

/* CTA */
.hv2-cta { background: #fdb913; color: #170a29; padding: 4rem 0; text-align: center; }
.hv2-cta h2 { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 2rem; margin-bottom: 0.75rem; }
.hv2-cta p { font-size: 1.1rem; max-width: 550px; margin: 0 auto 1.5rem; }
.hv2-btn-purple { background: #3d1a6f; color: #fff; border: 2px solid #3d1a6f; padding: 0.75rem 2.5rem; border-radius: 50px; font-weight: 600; font-size: 1rem; transition: all 0.25s ease; }
.hv2-btn-purple:hover { background: #170a29; border-color: #170a29; color: #fff; text-decoration: none; }

@media (max-width: 991px) { .wv2-page-title { font-size: 2.25rem; } .cpv2-section { padding: 3.5rem 0; } .cpv2-section-purple { padding: 3.5rem 0; } }
@media (max-width: 575px) { .wv2-hero-simple { padding: 5rem 0 3rem; } .wv2-page-title { font-size: 1.85rem; } }