.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500}input,select{width:100%;padding:12px 15px;border:1px solid var(--light-gray);border-radius:6px;font-size:16px}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,0.15)}.range-slider{width:100%;margin-top:10px}.slider-labels{display:flex;justify-content:space-between;margin-top:5px;font-size:14px;color:var(--gray)}button{background-color:var(--primary);color:white;border:none;padding:14px 20px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;width:100%;transition:all 0.3s}button:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.1)}.results{margin-top:40px;padding:30px;background-color:var(--light);border-radius:8px;border-left:4px solid var(--primary);display:none}.results h3{margin-bottom:15px;color:var(--primary)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.result-box{background-color:white;padding:20px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.result-value{font-size:32px;font-weight:700;color:var(--primary);margin-bottom:5px}.result-label{color:var(--gray);font-size:14px}.breakdown{margin-top:30px}.breakdown h4{margin-bottom:15px;color:var(--dark)}.breakdown-table{width:100%;border-collapse:collapse}.breakdown-table th,.breakdown-table td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--light-gray)}.breakdown-table th{background-color:var(--light);font-weight:600}.breakdown-table tr:last-child td{border-bottom:none}.chart-container{margin-top:30px;height:300px;position:relative}footer{background-color:var(--dark);color:white;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column h3{margin-bottom:20px;position:relative;padding-bottom:10px}.footer-column h3::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary)}.footer-column ul{list-style:none}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#adb5bd;text-decoration:none;transition:color 0.3s}.footer-column ul li a:hover{color:white}.copyright{text-align:center;padding-top:20px;border-top:1px solid #495057;color:#adb5bd;font-size:14px}@media (max-width:768px){.header-content{flex-direction:column}nav{margin-top:20px}nav ul li{margin-left:15px;margin-right:15px}.hero h1{font-size:32px}.hero p{font-size:18px}.calculator{padding:30px}.result-grid{grid-template-columns:1fr}}