body{background:#F8F5EF;color:#1B4332;font-family:Arial}.container{max-width:900px;margin:auto;padding:20px}.card{background:#fff;padding:20px;border-radius:10px}.progress{height:10px;background:#ddd}.progress #bar{height:10px;background:#C9A84C;width:0%}button{padding:10px;margin:4px;background:#1B4332;color:#fff}
.container {
    max-width: 1100px;
    margin: auto;
    padding: 20px;
    text-align: center;
}

.logo {
    width: 220px;
    margin-bottom: 20px;
}

.recommendations{
background:#fff8ec;
padding:20px;
border-radius:10px;
margin:20px 0;
}

.cta-box{
background:#f5efe6;
padding:30px;
border-radius:12px;
margin-top:30px;
text-align:center;
}

.cta-button{
display:inline-block;
padding:14px 28px;
background:#1B4332;
color:#fff;
text-decoration:none;
border-radius:8px;
font-weight:bold;
}

.whatsapp-button{
display:inline-block;
padding:14px 28px;
background:#25D366;
color:white;
text-decoration:none;
border-radius:8px;
font-weight:bold;
}

.summary-box{
background:#F6F1E8;
padding:25px;
border-radius:15px;
margin:25px 0;
}

.report-subtitle{
font-size:18px;
opacity:0.8;
margin-bottom:25px;
}

.recommendations{
    background:#F6F1E8;
    padding:20px;
    border-radius:15px;
    margin:10px auto 20px auto;
    font-size:20px;
    max-width:700px;
}

.chart-container{
    width: 500px;
    max-width: 100%;
    margin: 20px auto;
}

#radarChart{
    max-width:450px;
    max-height:450px;
    margin:20px auto;
}


.cta-button{
    background:#1B4332;
    color:white;
    padding:14px 28px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    border:none;
    cursor:pointer;
}

.pdf-button{
    background:#C9A84C;
    color:#1B4332;
}

.pdf-button{
    background:#C9A84C;
    color:#1B4332;
}

@media print {

    .no-print {
        display: none !important;
    }

}

