@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");body{font-family:Inter, sans-serif;line-height:1.6;margin:0;padding:0;background:#f3f4f6;color:#374151}.cpc-calculator-container{max-width:1000px;margin:15px auto;padding:0 20px;margin-top:3rem}.cpc-header{background:linear-gradient(135deg, #4a00e0, #8e2de2);color:#fff;padding:30px;border-radius:12px;box-shadow:0 6px 24px rgba(30, 64, 175, 0.2);margin-bottom:30px;position:relative;overflow:hidden;text-align:center}.header-gradient{position:absolute;top:0;right:0;left:0;height:6px;background:linear-gradient(90deg, #f59e0b, #fbbf24)}.cpc-header h1{font-size:2.5rem;font-weight:700;margin-bottom:0.8rem;text-shadow:0 2px 6px rgba(0, 0, 0, 0.15)}.cpc-header p{font-size:1.15rem;color:rgba(255, 255, 255, 0.9);margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.button-group{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.calculate-now-btn{background:linear-gradient(135deg, #f4d80b, #ff8000);padding:14px 32px;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;border:none;cursor:pointer;box-shadow:0 6px 20px rgba(30, 64, 175, 0.3);transition:transform 0.3s ease, box-shadow 0.3s ease}.calculate-now-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30, 64, 175, 0.4)}.calculate-now-btn i{margin-right:12px;font-size:1.2rem}.cpc-button{background:linear-gradient(135deg, #ff0000, #ffff00);padding:14px 32px;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;box-shadow:0 6px 20px rgba(30, 64, 175, 0.3);border:none;cursor:pointer;transition:transform 0.3s ease, box-shadow 0.3s ease;width:100%;max-width:300px;margin:20px auto;display:block}.cpc-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgb(30, 64, 175, 0.4)}.cpc-button i{margin-right:10px}.info-section{background:rgba(30, 64, 175, 0.05);padding:15px;border-radius:10px;margin-bottom:20px;border-left:4px solid #1e40af}.cpc-info{background:rgba(245, 158, 11, 0.05);padding:15px;border-radius:10px;margin-bottom:20px;border-left:4px solid #f59e0b}.cpc-info h2{color:#d97706;font-size:1.25rem;margin-top:0}.update{font-weight:600;color:#15803d;margin-top:10px}.step-section{margin-bottom:25px}.step-header{font-size:1.15rem;font-weight:600;margin-bottom:12px;color:#1e40af}.step-header i{margin-right:8px}.cpc-calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cpc-input-field{margin-bottom:15px}.cpc-input-field label{display:block;font-weight:600;margin-bottom:6px;color:#374151}.cpc-input-field select,
.cpc-input-field input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;box-sizing:border-box;transition:border-color 0.2s ease, box-shadow 0.2s ease}.cpc-input-field select:focus,
.cpc-input-field input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 6px rgba(30, 64, 175, 0.3)}.cpc-input-field small{display:block;margin-top:6px;color:#6b7280;font-size:0.85rem}.disabled-option{margin:10px 0;display:flex;align-items:center;gap:8px}.disabled-option input[type="checkbox"]{width:auto}.pay-range{background:#eff6ff;padding:12px;border-radius:8px;border-left:4px solid #f59e0b}.cpc-results{margin-top:25px}.cpc-results.hidden{display:none}.cpc-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.cpc-results-header h2{font-size:1.5rem;color:#1e40af;margin:0}.cpc-download-btn{background:#0000ff;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:background 0.3s ease}.cpc-download-btn:hover{background:#fa8005}.cpc-salary-card{background:#ffff80;border-radius:10px;box-shadow:0 4px 12px rgb(0, 0, 0, 0.1)}.cpc-card-header{background:#0000ff;color:#fff;padding:12px;border-radius:10px 10px 0 0;font-weight:600}.cpc-card-body{padding:15px}.cpc-salary-component{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #000000}.cpc-total{font-weight:700;color:#1e40af}}.history-section{background:#f9fafb;padding:15px;border-radius:10px;margin-top:25px}.history-section h2{color:#1e40af;margin-bottom:10px;font-size:1.1rem}#no-history{color:#6b7280;font-size:0.9rem}#history-list{padding-left:20px;margin-top:10px;font-size:0.9rem}.updates-section{background:rgba(21, 128, 61, 0.05);padding:15px;border-radius:10px;border-top:2px solid rgba(21, 128, 61, 0.2);margin-top:20px}.updates-section h2{color:#15803d;margin-bottom:10px;font-size:1.1rem}.updates-section ul{margin:0;padding-left:20px;color:#4b5563;font-size:0.9rem}.updates-section .tip{margin-top:10px;font-weight:600;color:#1e40af}.faq-section{background:rgba(30, 64, 175, 0.05);padding:15px;border-radius:10px;border-top:2px solid rgba(30, 64, 175, 0.2);margin-top:20px}.faq-section h2{color:#1e40af;margin-bottom:10px;font-size:1.1rem}.faq-section div{margin-bottom:12px}.faq-section p{margin:0 0 6px 0;font-weight:600;font-size:0.95rem}.faq-section p + p{color:#4b5563;font-size:0.9rem}footer{text-align:center;margin-top:25px;padding:12px;background:#f9fafb;border-radius:10px;color:#4b5563}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.cpc-calculator-grid{grid-template-columns:1fr}.cpc-header h1{font-size:2rem}.cpc-header p{font-size:1rem}.cpc-button{padding:14px}}