.calculator-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.calculator-card{width:100%;max-width:500px;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:30px;transition:all .3s ease}.calculator-card h1{text-align:center;margin-bottom:30px;color:#333;font-size:28px;font-weight:600}.calculator-card .input-group{margin-bottom:20px}.calculator-card .input-group label{display:block;margin-bottom:8px;font-weight:500;color:#555}.calculator-card .input-group input,.calculator-card .input-group select{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .3s}.calculator-card .input-group input:focus,.calculator-card .input-group select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px rgba(74,144,226,.2)}.calculator-card .input-group input.error,.calculator-card .input-group select.error{border-color:#e74c3c}.calculator-card .input-group .error-message{color:#e74c3c;font-size:14px;margin-top:5px;display:block}.calculator-card .input-with-select{display:flex;gap:10px}.calculator-card .input-with-select input{flex:2}.calculator-card .input-with-select select{flex:1;min-width:100px}.calculator-card .button-group{display:flex;gap:15px;margin:25px 0}.calculator-card .button-group button{flex:1;padding:12px;border:none;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease}.calculator-card .button-group .calculate-btn{background-color:#4a90e2;color:#fff}.calculator-card .button-group .calculate-btn:hover{background-color:#3a7bc8}.calculator-card .button-group .reset-btn{background-color:#f2f2f2;color:#555}.calculator-card .button-group .reset-btn:hover{background-color:#e6e6e6}.calculator-card .results{background-color:#f8f9fa;padding:20px;border-radius:10px;margin-top:20px;animation:fadeIn .5s ease}.calculator-card .results h2{font-size:20px;margin-bottom:15px;color:#333}.calculator-card .results .result-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.calculator-card .results .result-item:last-child{border-bottom:none}.calculator-card .results .result-item span{font-size:16px}.calculator-card .results .result-item span:first-child{color:#555}.calculator-card .results .result-item span:last-child{font-weight:600;color:#333}.calculator-card .results .total-cost{margin-top:10px;padding-top:15px;border-top:2px dashed #ddd}.calculator-card .results .total-cost span{font-size:18px}.calculator-card .results .total-cost span:last-child{color:#4a90e2;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.calculator-card{padding:20px}.calculator-card h1{font-size:24px;margin-bottom:20px}.calculator-card .input-group{margin-bottom:15px}.calculator-card .input-with-select{flex-direction:column;gap:8px}.calculator-card .input-with-select select{width:100%}.calculator-card .button-group{flex-direction:column}.calculator-card .results{padding:15px}.calculator-card .results .result-item span{font-size:15px}.calculator-card .results .total-cost span{font-size:16px}}