*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f4f7fb;min-height:100vh;padding:40px 20px;color:#1f2937}
.container{max-width:900px;margin:auto}.header{text-align:center;margin-bottom:30px}
.header h1{font-size:32px;color:#1e3a8a;margin-bottom:8px}.header p{color:#64748b;font-size:15px}
.selection-box,.calculator{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 25px rgba(0,0,0,.08);margin-bottom:25px}
.selection-box h2{text-align:center;font-size:20px;margin-bottom:20px}.salary-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.option{border:2px solid #dbe3ef;border-radius:12px;padding:20px;cursor:pointer;text-align:center;transition:.3s}
.option:hover,.option.active{border-color:#2563eb;background:#eff6ff}.option input{display:none}
.option h3{color:#1e40af;margin-bottom:7px}.option p{font-size:13px;color:#64748b}
.calculator{display:none}.calculator.show{display:block}.calculator-title{text-align:center;margin-bottom:30px}
.calculator-title h2{color:#1e3a8a;font-size:26px;margin-bottom:6px}.calculator-title p{color:#64748b;font-size:14px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column}.form-group.full{grid-column:1/-1}
label{font-size:14px;font-weight:600;margin-bottom:8px;color:#334155}
input,select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:8px;outline:none;font-size:15px;background:#fff}
input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.1)}
input[readonly]{background:#f1f5f9;font-weight:bold}.deduction-info{background:#f8fafc;border:1px solid #e2e8f0;padding:15px;border-radius:9px;margin-top:5px;font-size:13px;color:#475569}
.deduction-info strong{color:#1e40af}.button-area{display:flex;gap:12px;margin-top:25px}
button{border:0;padding:13px 25px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s}
.calculate-btn{background:#2563eb;color:#fff;flex:1}.calculate-btn:hover{background:#1d4ed8}
.reset-btn{background:#e2e8f0;color:#334155}.reset-btn:hover{background:#cbd5e1}
.result-box{margin-top:25px;padding:22px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;display:none}
.result-box.show{display:block}.result-box h3{color:#1e3a8a;margin-bottom:15px}
.result-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #dbeafe;font-size:14px}
.result-row:last-child{border-bottom:0}.result-row.total{font-size:19px;font-weight:bold;color:#1e40af;padding-top:15px}
.footer{text-align:center;margin-top:25px;font-size:13px;color:#94a3b8}
@media(max-width:650px){body{padding:25px 12px}.header h1{font-size:26px}.salary-options,.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.calculator{padding:20px}.button-area{flex-direction:column}.reset-btn{width:100%}}