@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";@layer base{:root{--color-primary: #3498db;--color-primary-dark: #2980b9;--color-text: #2c3e50;--color-text-light: #6c757d}html{font-family:Open Sans,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{@apply m-0 min-w-[320px] overflow-x-hidden;}a{@apply text-[#3498db] no-underline transition-colors duration-300;}a:hover{@apply text-[#2980b9];}button{cursor:pointer}:focus{@apply outline-none ring-2 ring-[#3498db] ring-offset-2;}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}::selection{background-color:#3498db;color:#fff}@layer components{main{@apply min-h-screen;}.container{@apply w-full max-w-7xl mx-auto px-5;}section{@apply py-20;}h1,h2,h3,h4,h5,h6{@apply font-["Poppins"] text-mf-purple-dark leading-tight;}p{@apply font-["Open_Sans"] leading-relaxed text-mf-gray;}.btn{@apply inline-block py-2.5 px-5 rounded text-base font-semibold transition-all duration-300 ease-in-out cursor-pointer border-none font-["Open_Sans"];}.btn-primary{@apply bg-mf-purple text-white hover:bg-mf-purple-light;}.btn-secondary{@apply bg-mf-yellow text-mf-purple-dark hover:bg-mf-yellow-light;}.section-description{@apply text-center text-lg text-mf-gray max-w-[700px] mx-auto mb-12;}@media (max-width: 768px){section{@apply py-16;}}}.mortgage-detail-page{padding:60px 0;color:#333}.mortgage-detail-page .container{margin-left:auto;margin-right:auto;text-align:left}.breadcrumbs{margin-bottom:20px;font-size:14px;color:purple}.breadcrumbs a{color:purple;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.mortgage-detail-page h1{font-size:36px;margin-bottom:30px;color:purple}.mortgage-hero{background-color:#f8f9fa;border-radius:8px;padding:30px;margin-bottom:40px;display:flex;align-items:center}.mortgage-icon{font-size:48px;margin-right:20px}.mortgage-intro{font-size:18px;line-height:1.6;margin:0}.mortgage-content{margin-bottom:40px}.mortgage-content h2{font-size:24px;color:purple;margin:30px 0 15px}.mortgage-content p{font-size:16px;line-height:1.6;margin-bottom:20px}.mortgage-content ul{padding-left:20px;margin-bottom:30px}.mortgage-content li{margin-bottom:10px;line-height:1.5}.mortgage-cta{background-color:#f0f7ff;border-radius:8px;padding:30px;text-align:center}.mortgage-cta h2{font-size:24px;color:purple;margin-bottom:15px}.mortgage-cta p{font-size:16px;margin-bottom:20px}.mortgage-cta .btn{margin:0 10px}.btn{display:inline-block;padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:600;transition:all .3s ease}.btn-primary{background-color:#0056b3;color:#fff}.btn-primary:hover{background-color:#004494}.btn-outline{border:2px solid #0056b3;color:#0056b3;background-color:transparent}.btn-outline:hover{background-color:#0056b3;color:#fff}@media (max-width: 768px){.mortgage-hero{flex-direction:column;text-align:center}.mortgage-icon{margin-right:0;margin-bottom:15px}.mortgage-cta .btn{display:block;margin:10px auto;width:80%}}
