/* =======================
CAREER QUIZ / INCOME CALCULATOR
======================= */

.career-tool-section{
background:#ffffff;
}

.income-section{
background:#f8fafc;
}

.career-tool-section .section-header p{
    max-width:750px;
    margin:15px auto 0;
    color:#64748b;
    font-size:1.05rem;
}

.career-tool-box{
background:white;
max-width:950px;
margin:0 auto;
padding:45px;
border-radius:22px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
border:1px solid #e5e7eb;
}

.income-section .career-tool-box{
background:#ffffff;
}

.career-quiz-form{
gap:26px;
}

.quiz-question{
background:#f8fafc;
border:1px solid #e5e7eb;
border-radius:16px;
padding:24px;
}

.quiz-question h3{
color:#0f172a;
font-size:1.1rem;
margin-bottom:18px;
}

.quiz-options{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
}

.quiz-options label{
background:white;
border:1px solid #e5e7eb;
border-radius:12px;
padding:14px;
font-weight:600;
cursor:pointer;
display:flex;
align-items:center;
gap:10px;
transition:.3s;
}

.quiz-options label:hover{
border-color:#c9a227;
box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.quiz-result,
.income-result{
margin-top:30px;
padding:30px;
border-radius:18px;
background:#0f172a;
color:white;
text-align:center;
}

.quiz-result h3,
.income-result h3{
font-family:'Playfair Display',serif;
font-size:2rem;
margin-bottom:15px;
}

.quiz-result p,
.income-result p{
color:#dbeafe;
font-size:1.1rem;
margin-bottom:18px;
}

.income-result strong{
color:#c9a227;
font-size:1.3rem;
}

.income-result small{
display:block;
color:#cbd5e1;
margin:15px auto 25px;
max-width:700px;
line-height:1.6;
}

.quiz-result .primary-btn,
.income-result .primary-btn{
display:inline-block;
margin-top:10px;
}

.income-calculator-form label{
display:block;
font-weight:700;
color:#0f172a;
margin-bottom:8px;
}

.income-calculator-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

@media (max-width: 600px) {

    .quiz-options{
        grid-template-columns:1fr 1fr;
    }

    .income-calculator-grid{
        grid-template-columns:1fr;
    }

}
/* =======================
CAREER PAGE SECTIONS
======================= */

.great-agent-section,
.career-resource-section,
.recruiting-seo-section{
background:#ffffff;
}

.great-agent-section .section-header p{
max-width:750px;
margin:15px auto 0;
color:#64748b;
font-size:1.05rem;
}

.career-resource-section,
.recruiting-seo-section{
background:#f8fafc;
}

.resource-card-grid,
.testimonial-card-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
}

.resource-card-grid{
grid-template-columns:repeat(2,1fr);
max-width:950px;
margin:0 auto;
}

.resource-card,
.agent-testimonial-card{
background:white;
border:1px solid #e5e7eb;
border-radius:20px;
padding:34px;
box-shadow:0 10px 25px rgba(0,0,0,.07);
text-decoration:none;
color:#1e293b;
transition:.3s;
}

.resource-card:hover{
transform:translateY(-6px);
box-shadow:0 16px 35px rgba(0,0,0,.1);
}

.resource-card span{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:46px;
height:46px;
padding:0 14px;
background:#c9a227;
color:#0f172a;
font-weight:800;
border-radius:999px;
margin-bottom:18px;
}

.resource-card h3{
color:#0f172a;
margin-bottom:12px;
}

.resource-card p{
color:#64748b;
}

.agent-testimonials-section{
background:#ffffff;
}

.agent-testimonial-card{
background:#0f172a;
color:white;
}

.agent-testimonial-card p{
font-family:'Playfair Display',serif;
font-size:1.35rem;
line-height:1.5;
margin-bottom:18px;
}

.agent-testimonial-card span{
color:#cbd5e1;
font-weight:700;
}

.coming-soon-card{
opacity:.95;
}

@media (max-width: 900px) {
    .resource-card-grid,
    .testimonial-card-grid{
        grid-template-columns:1fr;
    }
}

@media (max-width: 600px) {
    .resource-card,
    .agent-testimonial-card{
        padding:26px;
    }

    .agent-testimonial-card p{
        font-size:1.15rem;
    }
}