:root{
--pr-primary:#ea5b1b;
--pr-secondary:#425052;
--pr-bg:#f2f4f5;
--pr-card:#ffffff;
--pr-muted:#f8f9fa;
}
.pr-wrapper{
width:100%;
display:flex;
justify-content:center;
padding:40px 16px;
background:linear-gradient(180deg, var(--pr-bg), #ffffff);
box-sizing:border-box;
}
.pr-calc{
width:100%;
max-width:580px;
background:var(--pr-card);
border-radius:18px;
padding:26px;
box-shadow:0 18px 44px rgba(0,0,0,.14);
border:1px solid rgba(66,80,82,.12);
border-top:6px solid var(--pr-primary);
font-family:Arial, sans-serif;
box-sizing:border-box;
}
.pr-title{
margin:0 0 22px;
font-size:24px;
color:var(--pr-secondary);
}
.pr-block{ margin:18px 0; }
.pr-label{
font-weight:700;
margin-bottom:12px;
color:var(--pr-secondary);
}
.pr-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
}
.pr-buttons-center{
justify-content:center;
}
.pr-buttons button{
border:2px solid var(--pr-secondary);
padding:10px 18px;
border-radius:999px;
cursor:pointer;
background:#ffffff;
color:var(--pr-secondary);
font-weight:700;
transition:transform .08s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.pr-buttons button:hover{
transform:translateY(-1px);
}
.pr-buttons button.active{
background:var(--pr-primary);
border-color:var(--pr-primary);
color:#ffffff;
} .pr-income-input{
width:100%;
border:2px solid rgba(66,80,82,.25);
border-radius:12px;
padding:12px 14px;
font-size:16px;
color:var(--pr-secondary);
box-sizing:border-box;
outline:none;
}
.pr-income-input:focus{
border-color:var(--pr-primary);
box-shadow:0 0 0 3px rgba(234,91,27,.18);
} .pr-checkbox{
display:flex;
gap:10px;
align-items:flex-start;
margin:10px 0;
color:var(--pr-secondary);
font-weight:600;
}
.pr-checkbox input{
margin-top:2px;
accent-color:var(--pr-primary);
}
.pr-hint-small{
font-size:12px;
opacity:.85;
color:var(--pr-secondary);
margin-top:6px;
}
.pr-result{
margin-top:22px;
background:var(--pr-muted);
border-radius:14px;
padding:18px;
border-left:6px solid var(--pr-primary);
}
.status-ok{
color:var(--pr-secondary);
font-weight:800;
font-size:18px;
}
.status-no{
color:#a21e1e;
font-weight:800;
}
.status-maybe{
color:var(--pr-secondary);
font-weight:800;
}
.pr-legal{
margin-top:12px;
font-size:12px;
color:var(--pr-secondary);
opacity:.85;
line-height:1.45;
} .pr-result-subline{
display:block;
margin-top:4px;
}
@media (max-width:420px){
.pr-calc{ padding:20px; }
.pr-buttons button{ padding:10px 14px; }
}