.procalc-container{
display:flex;
justify-content:center;
padding:40px 15px;
font-family:system-ui,-apple-system,Segoe UI,Roboto;
}

.procalc-card{
width:100%;
max-width:850px;
background:#ffffff;
border-radius:16px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
padding:40px;
}

.procalc-header{
text-align:center;
margin-bottom:30px;
}

.procalc-header h2{
font-size:34px;
font-weight:700;
margin-bottom:8px;
}

.procalc-header p{
color:#666;
font-size:16px;
}

.procalc-tabs{
display:flex;
justify-content:center;
gap:15px;
margin-bottom:35px;
}

.procalc-tab{
padding:12px 22px;
border:none;
border-radius:10px;
background:black;
color:white;
cursor:pointer;
font-weight:600;
font-size:14px;
transition:all .25s ease;
}

.procalc-tab.active{
background:#3C3FDE;
color:white;
box-shadow:0 6px 18px rgba(60,63,222,0.25);
}

.procalc-tab:hover{
transform:translateY(-2px);
}

.procalc-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}

.procalc-field label{
font-size:14px;
font-weight:600;
color:#333;
}

.procalc-field input{
width:100%;
padding:14px;
border:1px solid #ddd;
border-radius:10px;
margin-top:6px;
font-size:15px;
transition:all .2s;
}

.procalc-field input:focus{
border-color:#3C3FDE;
outline:none;
box-shadow:0 0 0 3px rgba(60,63,222,0.1);
}

.procalc-btn{
margin-top:25px;
width:100%;
padding:16px;
background:#3C3FDE;
border:none;
border-radius:12px;
color:white;
font-size:17px;
font-weight:600;
cursor:pointer;
transition:all .25s ease;
}

.procalc-btn:hover{
background:#2f31b5;
transform:translateY(-2px);
box-shadow:0 8px 25px rgba(60,63,222,0.25);
}

.procalc-result{
margin-top:25px;
background:#f7f8ff;
padding:22px;
border-radius:12px;
}

.procalc-content{
display:none;
}

.procalc-content.active{
display:block;
}

@media(max-width:700px){
.procalc-grid{
grid-template-columns:1fr;
}
.procalc-card{
padding:25px;
}
.procalc-header h2{
font-size:26px;
}
}