.card{
max-width:760px;
margin:auto;
border-radius:22px;
box-shadow:0 25px 70px rgba(0,0,0,.25);
border:none;
overflow:hidden;
}

.headerb{
background:linear-gradient(135deg,#ea580c,#dc2626);
color:#fff;
text-align:center;
padding:28px;
}

.headerb h3{
font-weight:900;
margin:0;
}

.form-select,.form-control{
height:52px;
border-radius:14px;
border:1px solid #e5e7eb;
font-size:15px;
}

.form-control:focus{
border-color:#f97316;
box-shadow:0 0 0 3px rgba(249,115,22,.15);
}

.btn-main{
background:linear-gradient(135deg,#f97316,#ef4444);
border:none;
height:52px;
border-radius:14px;
color:white;
font-weight:bold;
font-size:16px;
transition:.25s;
}

.btn-main:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(0,0,0,.2);
}

.result{
background:#fff7ed;
padding:22px;
border-radius:14px;
margin-top:20px;
display:none;
border:1px solid #fed7aa;
animation:fade .35s ease;
}

.result div{
font-size:18px;
margin:6px 0;
}

.result span{
font-weight:bold;
color:#c2410c;
}

@keyframes fade{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}