@charset "UTF-8";#inner-page-wrapper .container{max-width:1200px;margin:0 auto}#inner-page-wrapper .custom-header{text-align:center;margin-bottom:40px}#inner-page-wrapper .custom-header h2{font-size:48px;margin-bottom:10px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}#inner-page-wrapper .custom-header p{font-size:16px;color:#4b5563;font-weight:500}#inner-page-wrapper .tabs-container{display:flex;gap:15px;margin-bottom:30px;border-bottom:3px solid #f0f1f3;padding-bottom:0}#inner-page-wrapper .tab-button{padding:16px 32px;font-size:15px;font-weight:700;color:#9ca3af;background:transparent;border:none;cursor:pointer;border-bottom:4px solid transparent;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative}#inner-page-wrapper .tab-button:hover{color:#667eea;transform:translateY(-2px)}#inner-page-wrapper .tab-button.active{color:#000;border-bottom-color:#667eea;background:linear-gradient(180deg,rgba(102,126,234,.05) 0%,transparent 100%)}#inner-page-wrapper .tab-content{display:none;animation:fadeIn .4s ease-in-out}#inner-page-wrapper .tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#inner-page-wrapper .main-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}#inner-page-wrapper .input-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #00000014;border:2px solid #f0f1f3;transition:all .3s ease}#inner-page-wrapper .input-section:hover{box-shadow:0 25px 70px #667eea26;border-color:#667eea}#inner-page-wrapper .input-section h2{font-size:22px;color:#000;margin-bottom:28px;font-weight:700;display:flex;align-items:center;gap:10px}#inner-page-wrapper .input-section h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}#inner-page-wrapper .form-group{margin-bottom:22px}#inner-page-wrapper .form-group label{display:block;font-size:12px;font-weight:700;color:#000;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}#inner-page-wrapper .input-wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f9fafb;transition:all .3s ease}#inner-page-wrapper .input-wrapper:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 5px #667eea26}#inner-page-wrapper .input-wrapper.prefix .icon{border-right:2px solid #e5e7eb}#inner-page-wrapper .input-wrapper.suffix .icon{border-left:2px solid #e5e7eb}#inner-page-wrapper .icon{padding:0 16px;color:#667eea;font-weight:700;font-size:14px;background:#f9fafb;-webkit-user-select:none;-moz-user-select:none;user-select:none}#inner-page-wrapper .input-wrapper input{flex:1;border:none;outline:none;padding:14px 12px;font-size:16px;font-weight:600;color:#000;background:transparent}#inner-page-wrapper .input-wrapper input::-moz-placeholder{color:#d1d5db}#inner-page-wrapper .input-wrapper input::placeholder{color:#d1d5db}#inner-page-wrapper .results-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 60px #00000014;border:2px solid #f0f1f3;transition:all .3s ease}#inner-page-wrapper .results-section:hover{box-shadow:0 25px 70px #667eea26;border-color:#764ba2}#inner-page-wrapper .results-header{margin-bottom:35px;text-align:center;border-bottom:3px solid #f3f4f6;padding-bottom:25px}#inner-page-wrapper .results-header p{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#000;font-weight:700;margin-bottom:15px}#inner-page-wrapper .monthly-payment{font-size:52px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:10px}#inner-page-wrapper .payment-description{font-size:14px;color:#6b7280;font-weight:600}#inner-page-wrapper .chart-container{position:relative;height:300px;margin:35px 0}#inner-page-wrapper .breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}#inner-page-wrapper .breakdown-item{background:linear-gradient(135deg,#f9fafb,#fff);padding:22px;border-radius:14px;border-left:5px solid #667eea;transition:all .3s ease}#inner-page-wrapper .breakdown-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea26}#inner-page-wrapper .breakdown-item.taxes{border-left-color:#f59e0b}#inner-page-wrapper .breakdown-item.insurance{border-left-color:#10b981}#inner-page-wrapper .breakdown-item.loan{border-left-color:#8b5cf6}#inner-page-wrapper .breakdown-label{font-size:11px;color:#000;text-transform:uppercase;letter-spacing:.8px;font-weight:700;margin-bottom:8px}#inner-page-wrapper .breakdown-value{font-size:28px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#inner-page-wrapper .disclaimer{margin-top:35px;padding:20px 24px;background:linear-gradient(135deg,#fff5e6,#fffbf0);border-left:4px solid #f59e0b;border-radius:10px;font-size:13px;color:#92400e;line-height:1.6;font-weight:500}#inner-page-wrapper .amortization-controls{background:#fff;padding:35px;border-radius:20px;box-shadow:0 20px 60px #00000014;border:2px solid #f0f1f3;margin-bottom:30px}#inner-page-wrapper .amortization-controls h2{font-size:22px;color:#000;margin-bottom:28px;font-weight:700;display:flex;align-items:center;gap:10px}#inner-page-wrapper .amortization-controls h2:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,#764ba2,#667eea);border-radius:2px}#inner-page-wrapper .amortization-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}#inner-page-wrapper .amortization-stats{background:#fff;padding:30px;border-radius:20px;box-shadow:0 20px 60px #00000014;border:2px solid #f0f1f3;margin-bottom:30px}#inner-page-wrapper .stat-item{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:2px solid #f0f1f3}#inner-page-wrapper .stat-item:last-child{border-bottom:none}#inner-page-wrapper .stat-label{font-size:14px;color:#000;font-weight:700;text-transform:uppercase;letter-spacing:.5px}#inner-page-wrapper .stat-value{font-size:24px;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#inner-page-wrapper .amortization-table-container{background:#fff;padding:35px;border-radius:20px;box-shadow:0 20px 60px #00000014;border:2px solid #f0f1f3;overflow-x:auto}#inner-page-wrapper .amortization-table-container h3{font-size:18px;color:#000;margin-bottom:25px;font-weight:700}#inner-page-wrapper .amortization-table{width:100%;border-collapse:collapse}#inner-page-wrapper .amortization-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}#inner-page-wrapper .amortization-table thead th{padding:16px;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;text-align:left}#inner-page-wrapper .amortization-table tbody tr{border-bottom:1px solid #f0f1f3;transition:all .3s ease}#inner-page-wrapper .amortization-table tbody tr:hover{background:#f9fafb}#inner-page-wrapper .amortization-table tbody td{padding:14px 16px;font-size:13px;color:#4b5563;font-weight:500}#inner-page-wrapper .amortization-table tbody tr:nth-child(2n){background:#fff}#inner-page-wrapper .principal-cell{color:#667eea;font-weight:700}#inner-page-wrapper .balance-cell{color:#000;font-weight:700}#inner-page-wrapper .interest-cell{color:#f59e0b;font-weight:700}@media (max-width: 768px){#inner-page-wrapper .main-content{grid-template-columns:1fr}#inner-page-wrapper .custom-header h2{font-size:36px}#inner-page-wrapper .breakdown-grid,#inner-page-wrapper .amortization-grid{grid-template-columns:1fr}#inner-page-wrapper .input-section,#inner-page-wrapper .results-section,#inner-page-wrapper .amortization-controls,#inner-page-wrapper .amortization-stats,#inner-page-wrapper .amortization-table-container{padding:25px}#inner-page-wrapper .monthly-payment{font-size:38px}#inner-page-wrapper .tabs-container{gap:10px}#inner-page-wrapper .tab-button{padding:12px 20px;font-size:13px}}