.cc-hero{
    background:linear-gradient(135deg,#0f172a 0%,#135402 55%,#197003 100%);
    border-radius:20px;padding:20px 40px;margin:18px 0 20px;text-align:center;
    box-shadow:0 20px 50px rgba(15,23,42,.25);
}
.cc-hero-icon{
    width:40px;height:40px;margin:0 auto 8px;border-radius:12px;
    background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.18);
    display:flex;align-items:center;justify-content:center;font-size:18px;color:#E8D5A8;
}
.cc-hero h1{color:#fff;font-family:'Outfit','Poppins',sans-serif;font-weight:800;font-size:22px;line-height:1.25;margin:0 0 8px;}
.cc-hero p{color:#F0E4C4;font-size:14px;line-height:1.5;max-width:680px;margin:0 auto;}

.cc-disclaimer{
    display:flex;align-items:flex-start;gap:14px;
    background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;
    padding:16px 20px;margin:0 0 30px;
}
.cc-disclaimer i{color:#b45309;font-size:20px;margin-top:2px;flex-shrink:0;}
.cc-disclaimer p{color:#78350f;font-size:13px;line-height:1.6;margin:0;font-weight:500;}

.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px;align-items:start;}
.cc-card{
    background:#ffffff;border:1px solid #e2e8f0;border-radius:16px;padding:26px;
    box-shadow:0 4px 16px rgba(0,0,0,.03);
}
.cc-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.cc-card-icon{
    width:44px;height:44px;border-radius:12px;flex-shrink:0;
    background:linear-gradient(135deg,#197003,#C89A3C);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:18px;
}
.cc-card-head h2{font-family:'Outfit','Poppins',sans-serif;font-weight:700;font-size:17px;color:#1a2c4e;margin:0;}
.cc-card-head p{font-size:12.5px;color:#94a3b8;margin:2px 0 0;}

.cc-field{margin-bottom:16px;}
.cc-field label{display:block;font-size:12.5px;font-weight:700;color:#475569;margin-bottom:6px;}
.cc-field input,.cc-field select{
    width:100%;box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:9px;
    padding:11px 14px;font-size:14px;color:#1e293b;font-family:inherit;transition:border-color .2s;
}
.cc-field input:focus,.cc-field select:focus{border-color:#C89A3C;outline:none;box-shadow:0 0 0 3px rgba(224, 149, 95,.12);}

.cc-results{margin-top:20px;background:#F4F1EA;border:1px solid #F0E4C4;border-radius:12px;padding:18px 20px;}
.cc-result-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13.5px;color:#334155;border-bottom:1px dashed #F0E4C4;}
.cc-result-row:last-child{border-bottom:none;}
.cc-result-row span:first-child{color:#64748b;}
.cc-result-row span:last-child{font-weight:700;color:#197003;}
.cc-result-total{margin-top:6px;padding-top:12px;border-top:2px solid #E8D5A8;display:flex;align-items:center;justify-content:space-between;}
.cc-result-total span:first-child{font-weight:700;color:#1a2c4e;font-size:14.5px;}
.cc-result-total span:last-child{font-weight:800;color:#197003;font-size:19px;}

.cc-conv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}
.cc-conv-field label{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;}
.cc-conv-field label small{color:#94a3b8;font-weight:600;text-transform:none;}
.cc-conv-note{font-size:11.5px;color:#94a3b8;line-height:1.5;margin:16px 0 0;}

@media(max-width:900px){
    .cc-grid{grid-template-columns:1fr;}
}
@media(max-width:600px){
    .cc-hero{padding:38px 22px;}
    .cc-hero h1{font-size:22px;}
    .cc-conv-grid{grid-template-columns:1fr;}
}