.tabs{display:flex;margin-bottom:30px;border-bottom:1px solid var(--light-gray)}.tab{padding:12px 20px;cursor:pointer;font-weight:500;border-bottom:3px solid transparent;transition:all 0.3s}.tab.active{border-bottom-color:var(--primary);color:var(--primary)}.tab-content{display:none}.tab-content.active{display:block}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:500}input{width:100%;padding:12px 15px;border:1px solid var(--light-gray);border-radius:6px;font-size:16px}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,0.15)}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}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}}