.calculator__container{background:var(--bg-primary);border-radius:20px;box-shadow:0 15px 35px rgba(0,0,0,.1);width:100%;max-width:900px;overflow:hidden;}
.calculator_body{display:flex;flex-wrap:wrap;padding:30px;background: white;border-radius: 15px;box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);}
.input_section{flex:1;min-width:300px;padding-right:30px;border-right:1px solid #eee;}
.result_section{flex:1;min-width:300px;padding-left:30px;align-content:space-between;display:flex;flex-wrap:wrap;}
.input_grup{margin-bottom:25px;}
label{display:block;margin-bottom:8px;font-weight:600;color:#2c3e50;font-size:0.95rem;}
input[type="number"]{width:100%;padding:14px 15px;border:2px solid #ddd;border-radius:10px;font-size:1rem;transition:border 0.3s;}
input[type="number"]:focus{border-color:#4a6491;outline:none;}
.slider_container{margin-top:10px;}
input[type="range"]{width:100%;margin-top:5px;-webkit-appearance:none;height:8px;border-radius:4px;background:#ddd;outline:none;}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;border-radius:50%;background:#045ab7;cursor:pointer;border:5px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,.2);}
.value_display{text-align:right;font-size:0.9rem;color:#555;margin-top:5px;}
.calculate_btn{background:linear-gradient(90deg, #4a6491, #2c3e50);color:#fff;border:none;padding:16px 30px;font-size:1.1rem;border-radius:10px;cursor:pointer;width:100%;font-weight:600;letter-spacing:0.5px;transition:transform 0.2s, box-shadow 0.2s;margin-top:10px;}
.calculate_btn:hover{transform:translateY(-2px);box-shadow:0 7px 15px rgba(74,100,145,.3);}
.calculate_btn:active{transform:translateY(0);}
.result_card{background:#f8f9fa;border-radius:15px;padding:25px;/*margin-bottom:25px;*/border-left:5px solid;box-shadow:0 5px 15px rgba(0,0,0,.03);width: 100%;}
.simple_interest{border-left-color:#3498db;margin-bottom:20px;}
.compound_interest{border-left-color:#097938;}
.result_title{font-size:1.1rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;}
.simple_title{color:#09588d;}
.compound_title{color:#097938;}
.result_value{font-size:2.2rem;font-weight:800;margin:15px 0;}
.simple_value{color:#2980b9;}
.compound_value{color:#097938;}
.result_detail{color:#555;font-size:0.95rem;line-height:1.5;display:inline-block;}
.defference_section{background:#fff8e1;border-radius:15px;padding:20px;text-align:center;border:1px dashed #ffb300;}
.defference_value{font-size:1.8rem;font-weight:800;color:#f39c12;margin:10px 0;}
.explanation{font-size:0.85rem;color:#777;line-height:1.5;margin-top:30px;padding-top:20px;border-top:1px dashed #ddd;}
input[type="range" i] {color:#ccc;}
.compound_interest,.result_detail.dn{display:none;}
.amount_received_text{font-size:24px;font-weight:800;text-align:center;}
.loan_amount{font-size:2.2rem;text-align:center;color:#097938;font-weight:800;}
.amount_received{width:100%;}
.result_tittle.simple_title {font-size: 18px;font-weight: 700;}
.calc_text{line-height:normal;margin-top:20px;}
.procent_simple{display:flex;align-items:center;}

@media (max-width:768px){
	.calculator_body{flex-direction:column;padding:15px;}
	.input_section,.results_section{padding:0;border:0;}
	.input_section{margin-bottom:30px;}
	.result_section{padding-left:0;}
	.result_value{margin:0;}
}
@media (max-width: 440px) {
    input[type="number"] {font-size:.9rem;}
	.input_section,.result_section{min-width: 100%;width: 100%;}
	.result_card{padding:15px;}
}