.calculator-page{background:#f5f7fb;min-height:100vh;display:flex;align-items:left}.calculator-card{background:#fff;border-radius:8px;padding:25px;border:1px solid #eef0f5;transition:all .3s ease}.calculator-title{font-size:28px;font-weight:700;color:#036;margin-bottom:20px}label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;display:block;margin-top:15px}.calculator-card select{margin-bottom:10px}.calc-grid input,.calc-grid select,.calc-input,.calculator-card select{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #dfe3ea;font-size:15px;outline:none;transition:.2s ease;background:#fff}.calc-grid input,.calc-grid select,.calc-input{margin:0}.calc-grid input:focus,.calc-grid select:focus,.calc-input:focus{border-color:#f26722;box-shadow:0 0 0 3px rgba(242,103,34,.15)}.calc-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px;margin-bottom:15px}.slider-box{background:#f9fafc;padding:15px;border-radius:12px;border:1px solid #eef0f5;margin-bottom:15px}.slider-box label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;display:block;margin-top:15px}.slider-box input[type=range]{width:100%;accent-color:#f26722}.bbt{display:flex;justify-content:end}.calc-btn{width:max-content;padding:14px 40px;border:none;border-radius:4px;background:linear-gradient(135deg,#f26722,#ff7a3d);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:.25s ease;margin-top:20px}.calc-btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(242,103,34,.3)}.calc-btn:active{transform:scale(.98)}.result-box{margin-top:25px;padding:20px;border-radius:6px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid #e5e7eb}.result-box .result-total{color:#f26722;font-size:26px;font-weight:800;margin-bottom:20px}.result-box .result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:15px;gap:15px}.result-box .result-item{background:#fff;border-radius:6px;padding:15px;text-align:center;border:1px solid #e5e7eb;transition:.3s ease}.result-box .result-item span{display:block;font-size:13px;color:#64748b;margin-bottom:5px}.result-box .result-item strong{font-size:18px;color:#111827}.result-box .result-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.loader{width:50px;height:50px;border:4px solid #eee;border-top-color:#f26722;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cal-content{margin-top:40px;line-height:1.7}.cal-content h2{font-size:28px;font-weight:700;margin-bottom:15px;color:#036}.cal-content h3{margin-top:25px;margin-bottom:10px;font-size:20px;font-weight:600;color:#222}.cal-content p{color:#555;margin-bottom:12px}.cal-content ol,.cal-content ul{padding-left:20px;margin-bottom:15px}.cal-content ol li,.cal-content ul li{margin-bottom:8px;color:#444}.cal-content pre{background:#f4f6f8;padding:15px;border-radius:8px;font-size:14px;overflow-x:auto}@media(max-width:768px){.calc-grid{grid-template-columns:1fr}.calculator-card{padding:20px}}