.mortgage-calculator-page{background:#ffffff;min-height:100vh}.mortgage-hero{background:#ffffff;padding:80px 0;text-align:center;color:#1a202c}.mortgage-hero-content{max-width:800px;margin:0 auto;padding:0 20px}.mortgage-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-bottom:24px;background:rgba(24,175,209,.1);border:1px solid rgba(24,175,209,.2);color:#18AFD1;border-radius:20px;font-size:14px;font-weight:600;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.mortgage-badge .sparkle{color:#FFD700;font-size:16px}.mortgage-heading{font-size:48px;font-weight:800;margin-bottom:24px;line-height:1.2}.mortgage-subtitle{font-size:20px;font-weight:400;opacity:.9;line-height:1.6}.mortgage-calculator-section{padding:80px 0;background:#f8f9fa}.calculator-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.calculator-inputs{background:white;padding:40px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.calculator-inputs h2{font-size:28px;font-weight:700;margin-bottom:32px;color:#1a202c;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:14px;font-weight:600;color:#4a5568;margin-bottom:8px;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.currency-input,.currency-select,.number-input{position:relative}.currency-input input,.currency-select,.number-input input{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif;background:transparent;transition:border-color .2s ease}.currency-input input:focus,.currency-select:focus,.number-input input:focus{outline:none;border-color:#667eea}.number-input input::-webkit-inner-spin-button,.number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input input[type=number]{-moz-appearance:textfield}.number-input.with-arrows input::-webkit-inner-spin-button,.number-input.with-arrows input::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}.number-input.with-arrows input[type=number]{-moz-appearance:auto}.advanced-panel{margin-top:32px;border-top:1px solid #e2e8f0;padding-top:24px}.advanced-toggle{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:600;color:#64748B;background:transparent;transition:all .2s ease;cursor:pointer;margin-bottom:16px;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.advanced-toggle:hover{border-color:#18AFD1;color:#18AFD1;background:rgba(24,175,209,.05)}.advanced-content{margin-top:24px;padding:24px;background:#f8f9fa;border-radius:8px}.get-quote-button{width:100%;padding:16px 24px;background:#17186C;border:none;border-radius:50px;color:#ffffff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:16px;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.get-quote-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(24,175,209,.3)}.calculator-results{display:flex;flex-direction:column;gap:24px}.results-card{background:white;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.results-card h3{font-size:24px;font-weight:700;margin-bottom:24px;color:#1a202c;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.result-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.result-item:last-child{border-bottom:none}.result-item.highlight{margin:0 -32px;padding:20px 32px}.result-label{font-size:16px;font-weight:500;color:#64748b}.result-label,.result-value{font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.result-value{font-size:18px;font-weight:700;color:#1a202c}.payment-highlight{color:#18AFD1!important;font-size:20px!important}.amortization-card{background:white;padding:32px;border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.05)}.amortization-card h4{font-size:20px;font-weight:700;margin-bottom:20px;color:#1a202c;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.amortization-table{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.table-header{background:#f8f9fa;font-weight:600;color:#4a5568}.table-header,.table-row{display:grid;grid-template-columns:.5fr 1fr 1fr 1fr 1fr;padding:12px 16px;font-size:14px;font-family:var(--font-satoshi),"Satoshi","Roboto",sans-serif}.table-row{border-bottom:1px solid #e2e8f0;color:#1a202c}.table-row:last-child{border-bottom:none}.table-row:nth-child(2n){background:#f8f9fa}@media (max-width:1024px){.calculator-container{grid-template-columns:1fr;gap:40px}.mortgage-heading{font-size:36px}.mortgage-subtitle{font-size:18px}}@media (max-width:768px){.mortgage-calculator-section,.mortgage-hero{padding:60px 0}.amortization-card,.calculator-inputs,.results-card{padding:24px}.mortgage-heading{font-size:28px}.mortgage-subtitle{font-size:16px}.table-header,.table-row{grid-template-columns:.3fr .8fr .8fr .8fr .8fr;font-size:12px;padding:8px 12px}}@media (max-width:480px){.calculator-container{padding:0 16px}.amortization-card,.calculator-inputs,.results-card{padding:20px}.mortgage-heading{font-size:24px}.result-item.highlight{margin:0 -20px;padding:16px 20px}.table-header,.table-row{grid-template-columns:1fr;gap:4px}.table-header span,.table-row span{padding:4px 0}}