*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-dark: #1e40af;--primary-light: #3b82f6;--secondary-color: #10b981;--secondary-dark: #059669;--accent-color: #f59e0b;--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #111827;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-base: 16px;--line-height-base: 1.6;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-base: all .3s ease}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-primary);line-height:var(--line-height-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-base)}a:hover{color:var(--primary-dark)}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}li{margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}header{background-color:var(--bg-primary);box-shadow:var(--shadow-sm)}.navbar{padding:var(--spacing-sm) 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo h1{margin:0;font-size:1.5rem}.logo a{color:var(--primary-color);font-weight:700}.logo a:hover{color:var(--primary-dark)}.nav-menu{display:flex;list-style:none;margin:0;gap:var(--spacing-lg)}.nav-menu a{color:var(--text-primary);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-base)}.nav-menu a:hover,.nav-menu a.active{background-color:var(--bg-secondary);color:var(--primary-color)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer}.nav-toggle:hover{background-color:var(--bg-secondary)}.nav-toggle-bar{display:block;width:22px;height:2px;margin:0 auto;background-color:var(--text-primary);border-radius:1px}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;padding:var(--spacing-xl) 0;text-align:center}.hero h1{color:#fff;font-size:2.75rem;margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:1.25rem;color:#ffffffe6;max-width:800px;margin:0 auto}.hero-trust{font-size:.875rem;color:#ffffffbf;margin:var(--spacing-md) auto 0}.page-header{background-color:var(--bg-secondary);padding:var(--spacing-xl) 0;text-align:center;border-bottom:1px solid var(--border-color)}.page-header h1{margin-bottom:var(--spacing-sm)}.page-header p{font-size:1.125rem;max-width:700px;margin:0 auto}section{padding:var(--spacing-xl) 0}main>section:nth-child(2n){background-color:var(--bg-secondary)}.calculator-section{background-color:var(--bg-primary)}.calculator-section h2{text-align:center;margin-bottom:var(--spacing-sm)}.calculator-section>.container>p{text-align:center;font-size:1.125rem;margin-bottom:var(--spacing-lg)}.calculator-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-lg);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.input-group{margin-bottom:var(--spacing-md)}.input-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary)}.input-group input,.input-group select{width:100%;padding:var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--text-primary);background-color:var(--bg-primary);transition:var(--transition-base)}.input-group select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:1.25rem}.input-group select:hover{border-color:var(--primary-light);background-color:var(--bg-secondary)}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.input-group select option{font-weight:500;padding:var(--spacing-sm)}.calculator-results{background-color:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg)}.calculator-results h3{margin-bottom:var(--spacing-md);color:var(--primary-color)}.result-item{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.result-item:last-child{border-bottom:none}.result-label{font-weight:500;color:var(--text-secondary)}.result-value{font-weight:700;color:var(--text-primary);font-size:1.125rem}.result-value.highlight{color:var(--secondary-color);font-size:1.5rem}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;text-align:center;cursor:pointer;transition:var(--transition-base);border:none;font-size:1rem}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:var(--secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}#calculate-btn{width:100%;margin-top:var(--spacing-sm)}.rates-table-wrapper{overflow-x:auto;margin:var(--spacing-lg) 0}.rates-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.rates-table thead{background-color:var(--primary-color);color:#fff}.rates-table th{padding:var(--spacing-md);text-align:left;font-weight:600}.rates-table td{padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.rates-table tbody tr:hover{background-color:var(--bg-secondary)}.rates-table tbody tr:last-child td{border-bottom:none}.rates-table tbody tr.best-rate-row{background-color:#ecfdf5;box-shadow:inset 3px 0 0 var(--secondary-color)}.rates-table tbody tr.best-rate-row:hover{background-color:#d1fae5}.rates-table tbody tr.best-rate-row td:first-child strong{color:var(--secondary-dark)}.best-rate-badge{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;background-color:var(--secondary-color);padding:2px 7px;border-radius:999px;margin-left:var(--spacing-xs);vertical-align:middle}.rate-empty{color:var(--text-light)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.info-card{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base)}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.info-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.guide-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.guide-link-card{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--border-color);transition:var(--transition-base);display:block}.guide-link-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-3px)}.guide-link-card h3{color:var(--primary-color);margin-bottom:var(--spacing-xs)}.guide-link-card p{margin:0}.cta-section{text-align:center;padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.cta-center{text-align:center;margin-top:var(--spacing-lg)}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.filter-controls{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.filter-group{display:flex;flex-direction:column;position:relative}.filter-group label{display:block;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:var(--spacing-sm) 2.5rem var(--spacing-sm) var(--spacing-sm);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-weight:500;color:var(--text-primary);background-color:var(--bg-primary);cursor:pointer;transition:all .3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:1.25rem}.filter-group select:hover{border-color:var(--primary-light);background-color:var(--bg-secondary);box-shadow:0 2px 4px #2563eb1a}.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #2563eb1a;background-color:var(--bg-primary)}.filter-group select:active{background-color:var(--bg-secondary)}.filter-group select option{padding:var(--spacing-sm);font-weight:500}.filter-group select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary)}#apply-filters{align-self:end}.results-count{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.comparison-tips{margin-top:var(--spacing-xl)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.tip-card{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.tip-card h3{margin-bottom:var(--spacing-sm)}.guide-toc{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.guide-toc h2{margin-bottom:var(--spacing-md)}.guide-toc ul{list-style:none;margin-left:0}.guide-toc li{margin-bottom:var(--spacing-sm)}.guide-toc a{display:block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-base)}.guide-toc a:hover{background-color:var(--bg-secondary)}.guide-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-color)}.guide-section:last-child{border-bottom:none}.guide-section h2{color:var(--primary-color);margin-top:var(--spacing-xl)}.guide-section h3{margin-top:var(--spacing-lg);color:var(--text-primary)}.example-box{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid var(--secondary-color);margin:var(--spacing-lg) 0}.example-box h4{color:var(--secondary-color);margin-bottom:var(--spacing-sm)}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.pros-box{background-color:#ecfdf5;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid var(--secondary-color)}.pros-box h3{color:var(--secondary-color)}.cons-box{background-color:#fef2f2;padding:var(--spacing-lg);border-radius:var(--radius-md);border:2px solid #ef4444}.cons-box h3{color:#ef4444}.faq-item{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-radius:var(--radius-md)}.faq-item h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.about-section{margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.feature-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md)}.feature-card h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.info-item{background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--radius-sm)}.info-item h4{color:var(--primary-color);margin-bottom:var(--spacing-xs)}footer{background-color:var(--bg-dark);color:#fffc;padding:var(--spacing-xl) 0 var(--spacing-md);margin-top:var(--spacing-xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-section h4{color:#fff;margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none;margin-left:0}.footer-section a{color:#fffc}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-md);text-align:center}.footer-bottom p{margin-bottom:var(--spacing-xs);color:#fff9}.disclaimer{font-size:.875rem;font-style:italic}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.navbar .container{flex-wrap:wrap}.nav-toggle{display:flex}.nav-menu{display:none;flex-direction:column;width:100%;gap:0;padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);margin-top:var(--spacing-sm)}.nav-menu.is-open{display:flex}.nav-menu a{display:block;padding:var(--spacing-sm)}.calculator-card{grid-template-columns:1fr;gap:var(--spacing-lg)}.cards-grid,.tips-grid,.features-grid,.pros-cons-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.filters-grid{grid-template-columns:1fr}#apply-filters{align-self:stretch}.rates-table{font-size:.875rem}.rates-table th,.rates-table td{padding:var(--spacing-sm)}}@media(max-width:480px){:root{--font-size-base: 14px}.container{padding:0 var(--spacing-sm)}section{padding:var(--spacing-lg) 0}.nav-menu{flex-wrap:wrap;justify-content:center}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.blog-card{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-base)}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.blog-card-content{padding:var(--spacing-lg)}.blog-date{font-size:.875rem;color:var(--text-light);margin-bottom:var(--spacing-xs)}.blog-card h2{font-size:1.25rem;margin-bottom:var(--spacing-sm);line-height:1.4}.blog-card h2 a{color:var(--text-primary)}.blog-card h2 a:hover{color:var(--primary-color)}.blog-excerpt{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.read-more{display:inline-block;font-weight:600;color:var(--primary-color)}.read-more:hover{color:var(--primary-dark)}.blog-post{padding:var(--spacing-xl) 0}.post-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.post-meta{font-size:.875rem;color:var(--text-light);margin-bottom:var(--spacing-sm)}.post-header h1{font-size:2.25rem;margin-bottom:var(--spacing-md);line-height:1.3}.post-excerpt{font-size:1.125rem;color:var(--text-secondary);line-height:1.7}.post-content{max-width:800px}.post-content p{margin-bottom:var(--spacing-md);line-height:1.8}.post-content h2{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--primary-color)}.post-content h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.post-content ul,.post-content ol{margin-bottom:var(--spacing-md)}.post-content li{margin-bottom:var(--spacing-xs);line-height:1.7}.post-content a{color:var(--primary-color);text-decoration:underline}.post-content a:hover{color:var(--primary-dark)}.post-content .cta-section{margin-top:var(--spacing-xl)}.post-content .cta-section h3{margin-top:0}.latest-articles{background-color:var(--bg-primary)}.latest-articles h2{text-align:center;margin-bottom:var(--spacing-sm)}.latest-articles>.container>p{text-align:center;margin-bottom:var(--spacing-lg)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.article-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);transition:var(--transition-base)}.article-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.article-card .article-date{font-size:.75rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.article-card h3{font-size:1.1rem;margin-bottom:var(--spacing-sm);line-height:1.4}.article-card h3 a{color:var(--text-primary)}.article-card h3 a:hover{color:var(--primary-color)}.article-card p{font-size:.9rem;line-height:1.6;margin-bottom:0}.view-all-link{text-align:center}.view-all-link a{font-weight:600;color:var(--primary-color)}.view-all-link a:hover{color:var(--primary-dark)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.post-header h1{font-size:1.75rem}.articles-grid{grid-template-columns:1fr}}@media print{header,footer,.cta-section,.filter-controls{display:none}body{font-size:12pt}.container{max-width:100%}}.rate-disclaimer{background-color:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius-md, .5rem);padding:var(--spacing-sm, 1rem);margin-bottom:var(--spacing-md, 1.5rem)}.rate-disclaimer p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}p.rate-disclaimer-compact{display:flex;align-items:center;gap:8px;background-color:transparent;border:none;padding:0;margin:0 0 var(--spacing-lg);color:var(--text-light);font-size:.8125rem}.rate-disclaimer-compact svg{flex-shrink:0;color:var(--accent-color)}.rate-disclaimer-compact a{color:var(--text-secondary);text-decoration:underline;white-space:nowrap}.breadcrumb{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs, .5rem)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.bank-directory-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.bank-card{text-decoration:none;color:inherit;display:block;transition:transform .15s ease,box-shadow .15s ease}.bank-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bank-card-rate{color:var(--secondary-dark);font-weight:700;font-size:1.1rem;margin:.25rem 0 .5rem}.rate-note{color:var(--text-secondary);font-size:.85rem;font-weight:400}.source-link{font-size:.9rem;color:var(--text-secondary);margin:1rem 0}.source-link a{color:var(--primary-color)}