.calc-intro{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-radius:15px;margin:30px 0;padding:40px 20px}.intro-text{margin-bottom:30px;font-size:1.3em}.calc-info{flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 0;display:flex}.calc-info p{background:#fff3;border-radius:20px;margin:5px 0;padding:8px 18px;font-size:1.1em}.calc-form{text-align:left;background:#fff;border-radius:15px;max-width:500px;margin:20px auto 0;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:.95em;font-weight:700;display:block}.input-wrapper{align-items:center;gap:8px;display:flex}.input-wrapper input{color:#333;border:2px solid #e0e0e0;border-radius:10px;flex:1;padding:12px 15px;font-size:1em;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary);outline:none}.input-unit{color:#666;min-width:30px;font-size:.95em;font-weight:700}.form-group select{color:#333;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:10px;width:100%;padding:12px 15px;font-size:1em;transition:border-color .2s}.form-group select:focus{border-color:var(--primary);outline:none}.form-divider{text-align:center;color:var(--primary);border-top:2px solid #e8f0fe;border-bottom:2px solid #e8f0fe;margin:25px 0 15px;padding:8px 0;font-size:.95em;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;cursor:pointer;border:none;border-radius:30px;width:100%;margin-top:10px;padding:15px 40px;font-size:1.2em;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00000014}.content-section{margin-top:40px;line-height:1.8}.content-section h2{color:var(--primary);margin-top:30px;margin-bottom:15px;font-size:1.5em}.content-section p{color:#444;margin-bottom:15px}.content-section ul{margin-bottom:15px;padding-left:20px}.content-section li{color:#444;padding:8px 0}.result-container{padding:40px 20px}.salary-highlight{text-align:center;background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%);color:#fff;border-radius:15px;margin-bottom:40px;padding:40px}.salary-highlight.refund{background:linear-gradient(135deg, var(--primary) 0%, var(--primary) 100%)}.salary-highlight.additional{background:linear-gradient(135deg, var(--danger) 0%, var(--primary) 100%)}.result-label{opacity:.9;margin-bottom:10px;font-size:1.2em}.salary-highlight h2{letter-spacing:2px;margin-bottom:10px;font-size:3em}.result-sub{opacity:.85;font-size:1.1em}.result-summary{background:#f9f9f9;border-radius:12px;max-width:600px;margin:0 auto 40px;overflow:hidden}.summary-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.summary-row:last-child{border-bottom:none}.summary-label{color:#555;font-size:1.05em}.summary-value{color:#333;font-size:1.1em;font-weight:700}.summary-total,.summary-total.refund-row{background:var(--primary)}.summary-total.additional-row{background:var(--danger)}.summary-total .summary-label,.summary-total .summary-value{color:#fff;font-size:1.15em}.deduction-details{max-width:600px;margin:0 auto 40px}.deduction-details h3{color:var(--primary);margin-bottom:20px;font-size:1.3em}.deduction-table{background:#f9f9f9;border-radius:12px;overflow:hidden}.deduction-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.deduction-row:last-child{border-bottom:none}.deduction-header{background:#e8f0fe}.deduction-header .deduction-name,.deduction-header .deduction-value{color:var(--primary);font-size:.95em;font-weight:700}.deduction-name{color:#555;font-size:1em}.deduction-value{color:#333;font-size:1em;font-weight:700}.deduction-total{background:var(--primary)}.deduction-total .deduction-name,.deduction-total .deduction-value{color:#fff;font-size:1.1em}#retry-btn{max-width:300px;margin:40px auto;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s forwards fadeInUp}.animate-delay-1{opacity:0;animation-delay:.1s}.animate-delay-2{opacity:0;animation-delay:.3s}.animate-delay-3{opacity:0;animation-delay:.5s}@media (width<=768px){.calc-info{flex-direction:column;gap:10px}.calc-form{padding:20px}.salary-highlight h2{font-size:2em}.salary-highlight{padding:30px 20px}.deduction-row,.summary-row{padding:12px 15px}.form-divider{margin:20px 0 12px}}
