.main-container{max-width:900px;margin:20px auto;padding:20px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#d2d2d2;border-radius:15px;box-shadow:0 10px 25px rgb(0 0 0 / .08)}.title{text-align:center;color:#2c3e50;font-size:2rem;margin-bottom:25px;text-shadow:1px 1px 2px rgb(0 0 0 / .1)}.calculator-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.calculator-section{background:rgb(255 255 255 / .9);padding:20px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2)}.result-section{background:rgb(255 255 255 / .9);padding:20px;border-radius:12px;box-shadow:0 5px 15px rgb(0 0 0 / .05);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);min-height:300px}.section-title{font-size:1.3rem;color:#34495e;margin-bottom:15px;text-align:center;border-bottom:2px solid #3498db;padding-bottom:8px}.formula{text-align:center;font-size:1rem;color:#555;margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:3px solid #3498db}.input-group{margin-bottom:15px}.input-label{display:block;font-weight:600;color:#2c3e50;margin-bottom:6px;font-size:1rem}.input-field{width:100%;padding:12px;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;transition:all 0.3s ease;box-sizing:border-box}.input-field:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgb(52 152 219 / .1)}.button-group{display:flex;gap:12px;margin-top:20px}.btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-calculate{background:linear-gradient(45deg,#3498db,#2980b9);color:#fff}.btn-calculate:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgb(52 152 219 / .3)}.btn-clear{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff}.btn-clear:hover{transform:translateY(-1px);box-shadow:0 5px 15px rgb(231 76 60 / .3)}.result-display{margin-bottom:20px}.result-title{font-size:1.1rem;color:#2c3e50;margin-bottom:8px;font-weight:600}.result-value{font-size:1.5rem;font-weight:700;padding:15px;background:linear-gradient(45deg,#3498db,#2980b9);color:#fff;border-radius:8px;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgb(52 152 219 / .2)}.solution-steps{background:#f8f9fa;padding:15px;border-radius:8px;border-left:3px solid #3498db}.solution-title{font-size:1.1rem;color:#2c3e50;margin-bottom:12px;font-weight:600}.step{margin-bottom:8px;font-size:.9rem;color:#555;line-height:1.5}.step-formula{font-family:'Courier New',monospace;background:#fff;padding:6px 10px;border-radius:4px;margin:4px 0;border:1px solid #e1e8ed;font-size:.85rem}.hidden{display:none}@media (max-width:768px){.main-container{margin:10px;padding:15px}.title{font-size:1.8rem;margin-bottom:20px}.calculator-wrapper{grid-template-columns:1fr;gap:15px}.calculator-section,.result-section{padding:18px;min-height:auto}.result-value{font-size:1.3rem}.button-group{flex-direction:column}}