.emi-calculator-container{max-width:500px;margin:20px auto;padding:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.emi-calculator-header{text-align:center;margin-bottom:25px;color:#fff}.emi-calculator-header h3{margin:0;font-size:24px;font-weight:600}.emi-calculator-header i{margin-right:10px;color:gold}.emi-calculator-form{background:#fff;padding:25px;border-radius:12px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group label i{margin-right:8px;color:#667eea;width:16px}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color 0.3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.form-group input[type="number"]{-moz-appearance:textfield}.form-group input::-webkit-outer-spin-button,.form-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tenure-input-group{display:flex;gap:10px}.tenure-input-group input{flex:2}.tenure-input-group select{flex:1}.emi-calculate-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}.emi-calculate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgb(102 126 234 / .4)}.emi-calculate-btn:active{transform:translateY(0)}.emi-calculate-btn i{margin-right:10px}.emi-results{background:#fff;padding:25px;border-radius:12px;margin-bottom:20px;animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-header{text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.result-header h4{margin:0;color:#333;font-size:20px}.result-header i{color:#667eea;margin-right:10px}.result-item{display:flex;justify-content:between;align-items:center;margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.result-label{flex:1;font-weight:600;color:#555}.result-value{flex:1;text-align:right;font-weight:700;color:#2c3e50;font-size:18px}.result-note{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid #eee;color:#666;font-size:14px}.result-note i{color:#667eea;margin-right:5px}.emi-error{background:#fee;padding:15px;border-radius:8px;border-left:4px solid #e74c3c;animation:shake 0.5s ease}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message{display:flex;align-items:center;color:#e74c3c;font-weight:600}.error-message i{margin-right:10px;font-size:18px}@media (max-width:600px){.emi-calculator-container{margin:10px;padding:15px}.emi-calculator-form,.emi-results{padding:20px}.result-item{flex-direction:column;text-align:center;gap:8px}.result-value{text-align:center}}