﻿*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;line-height:1.6;color:#FFFFFF;background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.site-header{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);position:sticky;top:0;z-index:100}header.site-header{position:relative}.navbar{padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;color:inherit;font-size:1.5rem;font-weight:700}.logo-icon{font-size:2rem;margin-right:0.5rem}.logo-oh-my{background:linear-gradient(135deg, #00D4AA 0%, #9B59B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-fi{color:#FFFFFF}.nav-header{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:rgba(255,255,255,0.8);text-decoration:none;font-weight:500;transition:color 0.3s ease}.nav-link:hover{color:#00D4AA}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{display:block;width:100%;height:3px;background:#00D4AA;border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:translateY(10.5px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-10.5px) rotate(-45deg)}.calculator-toggle-mobile,.fire-education-toggle-mobile{display:none}.arrow-mobile{font-size:0.9em;margin-left:0.5rem;color:#00D4AA}.mobile-drawer{position:fixed;top:0;right:-100%;width:85%;max-width:320px;height:100vh;background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%);z-index:1003;transition:right 0.3s ease;overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,0.3)}.mobile-drawer.active{right:0}.drawer-header{padding:1rem;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;gap:1rem}.drawer-back{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#FFFFFF;padding:0.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1rem;display:flex;align-items:center;gap:0.5rem;transition:all 0.3s ease}.drawer-back:hover{background:rgba(0,212,170,0.2);border-color:#00D4AA}.drawer-header h3{color:#FFFFFF;margin:0;font-size:1.2rem}.drawer-content{padding:1rem}.drawer-section{margin-bottom:2rem}.drawer-section h4{color:#00D4AA;font-size:0.9rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.drawer-item{display:block;padding:0.75rem 1rem;color:rgba(255,255,255,0.9);text-decoration:none;background:rgba(255,255,255,0.05);border-radius:8px;margin-bottom:0.5rem;transition:all 0.3s ease}.drawer-item:hover{background:rgba(0,212,170,0.2);transform:translateX(5px)}.nav-dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:rgba(26,27,58,0.95);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:0.5rem 0;min-width:200px;z-index:1000;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-link{display:block;padding:0.75rem 1rem;color:rgba(255,255,255,0.8);text-decoration:none;font-weight:500;transition:all 0.3s ease}.dropdown-link:hover{color:#00D4AA;background:rgba(0,212,170,0.1)}.dropdown-divider{height:1px;background:rgba(255,255,255,0.1);margin:0.5rem 0}.cta-button{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform 0.2s ease, box-shadow 0.2s ease;border:none;cursor:pointer;font-size:inherit;font-family:inherit}.cta-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,170,0.4);color:#FFFFFF;text-decoration:none}.hero-section{padding:4rem 0;text-align:center}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1}.gradient-text{background:linear-gradient(135deg, #00D4AA 0%, #FF6B6B 50%, #9B59B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:rgba(255,255,255,0.8);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-cta{margin-top:2rem}.cta-button-large{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:transform 0.2s ease, box-shadow 0.2s ease;display:inline-block}.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,212,170,0.4)}.calculator-footer{margin-top:4rem;padding:3rem 0;text-align:center}.footer-cta{max-width:600px;margin:0 auto}.footer-cta-title{font-size:1.5rem;font-weight:600;color:#FFFFFF;margin-bottom:1.5rem;line-height:1.6}.footer-cta .cta-button-large{margin-top:1rem}.featured-article,.recent-articles{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.featured-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;margin:2rem 0;transition:transform 0.3s ease, box-shadow 0.3s ease}.featured-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,0.3)}.featured-link{text-decoration:none;color:inherit}.featured-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#FFFFFF}.featured-excerpt{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:1rem;line-height:1.7}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:2rem 0}.article-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;transition:transform 0.3s ease, box-shadow 0.3s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.article-link{text-decoration:none;color:inherit}.article-title{font-size:1.3rem;font-weight:600;margin-bottom:0.75rem;color:#FFFFFF;line-height:1.4}.article-excerpt{color:rgba(255,255,255,0.7);margin-bottom:1rem;line-height:1.6}.article-meta{display:flex;gap:1rem;font-size:0.9rem;color:rgba(255,255,255,0.6)}.calculator-preview{background:linear-gradient(135deg, rgba(0,212,170,0.1) 0%, rgba(155,89,182,0.1) 100%);padding:4rem 0;margin:4rem 0}.calculator-subtitle{text-align:center;color:rgba(255,255,255,0.8);margin-bottom:2rem}.calculator-widget{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;max-width:600px;margin:0 auto 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.calculator-form{display:flex;flex-direction:column;gap:1rem}.input-row{display:flex;flex-direction:column}.input-row label{font-weight:600;margin-bottom:0.5rem;color:rgba(255,255,255,0.9)}.input-row input{padding:0.75rem;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:rgba(255,255,255,0.1);color:#FFFFFF;font-size:1rem}.input-row input::placeholder{color:rgba(255,255,255,0.5)}.calculator-result{text-align:center;padding:1.5rem;background:linear-gradient(135deg, #00D4AA, #00B894);border-radius:12px}.result-label{font-size:0.9rem;font-weight:600;margin-bottom:0.5rem;opacity:0.9}.result-age{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem}.result-subtitle{font-size:0.9rem;opacity:0.8}.calculator-cta{text-align:center}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h3{font-size:1.5rem;margin-bottom:1rem;color:rgba(255,255,255,0.8)}.site-footer{background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.1);padding:3rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.footer-brand h3{font-size:1.5rem;margin-bottom:0.5rem;color:#00D4AA}.footer-brand p{color:rgba(255,255,255,0.7)}.footer-links h4{margin-bottom:1rem;color:#FFFFFF}.footer-links a{display:block;color:rgba(255,255,255,0.7);text-decoration:none;margin-bottom:0.5rem;transition:color 0.3s ease}.footer-links a:hover{color:#00D4AA}.footer-legal{grid-column:1 / -1;text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.6)}.footer-disclaimer{margin-top:2rem;padding:2rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px}.footer-disclaimer h4{color:#FF6B6B;margin:0 0 1rem 0;font-size:1.1rem;font-weight:600}.footer-disclaimer p{color:rgba(255,255,255,0.8);font-size:0.85rem;line-height:1.6;margin-bottom:1rem}.footer-disclaimer p:last-child{margin-bottom:0}.footer-disclaimer strong{color:#FFFFFF;font-weight:600}@media (max-width: 768px){.navbar .container{flex-direction:column;padding:1rem}.hamburger{display:flex}.nav-links{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%);flex-direction:column;justify-content:center;align-items:center;gap:2rem;z-index:1000}.nav-links.active{display:flex}.nav-link{font-size:1.2rem}.calculator-toggle,.fire-education-toggle{display:none !important}.calculator-toggle-mobile,.fire-education-toggle-mobile{display:flex;align-items:center;font-size:1.2rem;background:transparent;border:none;color:rgba(255,255,255,0.8);font-weight:500;cursor:pointer;transition:color 0.3s ease}.calculator-toggle-mobile:hover,.fire-education-toggle-mobile:hover{color:#00D4AA}.nav-links .cta-button{margin-top:1rem}.hamburger.active{position:fixed;top:1rem;right:1rem;z-index:1002}.calculator-subnav,.fire-education-subnav{display:none !important}.hero-title{font-size:2.5rem}.calculator-widget{grid-template-columns:1fr;padding:1.5rem}.articles-grid{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 0.5rem}.hero-title{font-size:2rem}.featured-card,.article-card{padding:1rem}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%)}.auth-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:3rem;max-width:420px;width:100%;box-shadow:0 16px 64px rgba(0,0,0,0.3)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem}.auth-logo .logo-icon{font-size:2.5rem;margin-right:0.5rem}.auth-title{font-size:2rem;font-weight:700;margin-bottom:0.5rem;color:#FFFFFF}.auth-subtitle{color:rgba(255,255,255,0.7);font-size:1rem}.auth-alerts{margin-bottom:1.5rem}.alert{padding:0.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:0.9rem}.alert-error{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);color:#FCA5A5}.alert-success{background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);color:#6EE7B7}.auth-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-weight:600;margin-bottom:0.5rem;color:rgba(255,255,255,0.9);font-size:0.9rem}.form-input{width:100%;padding:0.875rem 1rem;border:1px solid rgba(255,255,255,0.2);border-radius:10px;background:rgba(255,255,255,0.1);color:#FFFFFF;font-size:1rem;transition:border-color 0.3s ease, box-shadow 0.3s ease}.form-input::placeholder{color:rgba(255,255,255,0.5)}.form-input:focus{outline:none;border-color:#00D4AA;box-shadow:0 0 0 3px rgba(0,212,170,0.1)}.form-actions{margin-top:2rem}.auth-button{width:100%;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.875rem 1rem;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.auth-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,212,170,0.4)}.auth-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}.auth-link{color:#00D4AA;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease}.auth-link:hover{color:#00B894}@media (max-width: 480px){.auth-container{padding:1rem}.auth-card{padding:2rem}.auth-title{font-size:1.5rem}}.form-hint{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:0.25rem}.password-strength{margin-top:0.5rem}.strength-bar{width:100%;height:4px;background:rgba(255,255,255,0.1);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width 0.3s ease, background-color 0.3s ease}.strength-weak{background:#EF4444;width:33%}.strength-medium{background:#F59E0B;width:66%}.strength-strong{background:#10B981;width:100%}.auth-button:disabled{opacity:0.6;cursor:not-allowed;transform:none}.auth-button.loading{position:relative}.auth-button.loading::after{content:'';position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#ffffff;border-radius:50%;animation:spin 1s linear infinite;top:0;left:0;bottom:0;right:0}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.article-page{padding:2rem 0;min-height:80vh}.article-header{text-align:center;padding:3rem 0;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:3rem}.article-page-title{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg, #00D4AA 0%, #FF6B6B 50%, #9B59B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-meta{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.05);padding:0.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,0.1)}.meta-icon{font-size:1rem}.article-excerpt{font-size:1.2rem;color:rgba(255,255,255,0.8);max-width:800px;margin:0 auto;line-height:1.6;font-style:italic}.article-content{max-width:800px;margin:0 auto}.content-body{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,0.9)}.content-body h1{font-size:2.5rem;font-weight:700;margin:3rem 0 1.5rem 0;color:#FFFFFF;border-bottom:2px solid #00D4AA;padding-bottom:0.5rem}.content-body h2{font-size:1.8rem;font-weight:600;margin:2.5rem 0 1rem 0;color:#00D4AA;border-bottom:1px solid rgba(0,212,170,0.3);padding-bottom:0.5rem}.content-body h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem 0;color:#FFFFFF}.content-body h4{font-size:1.2rem;font-weight:600;margin:1.5rem 0 0.75rem 0;color:rgba(255,255,255,0.9)}.content-body p{margin-bottom:1.25rem;color:rgba(255,255,255,0.9)}.content-body strong{color:#00D4AA;font-weight:600}.content-body em{color:#FF6B6B;font-style:italic}.content-body ul{margin:1.5rem 0;padding-left:0;list-style:none}.content-body ul,.content-body ol{margin:1.5rem 0;padding-left:2rem}.content-body li{margin-bottom:0.75rem;color:rgba(255,255,255,0.9);position:relative;padding-left:1.5rem}.content-body ul li::before{content:"•";color:#00D4AA;font-weight:bold;position:absolute;left:0}.content-body ol{counter-reset:item;list-style:none}.content-body ol>li{counter-increment:item}.content-body ol>li::before{content:counter(item) ".";color:#00D4AA;font-weight:bold;position:absolute;left:0}.content-body ol li ul{counter-reset:none;list-style:none;margin-top:0.5rem}.content-body ol li ul li{counter-increment:none}.content-body ol li ul li::before{content:"•";color:#00D4AA;font-weight:bold;position:absolute;left:0}.content-body blockquote{border-left:4px solid #00D4AA;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:rgba(255,255,255,0.8);background:rgba(0,212,170,0.05);padding:1rem 1.5rem;border-radius:0 8px 8px 0}.content-body code{background:rgba(255,255,255,0.1);padding:0.2rem 0.4rem;border-radius:4px;font-size:0.9em;color:#00D4AA;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace}.article-footer{max-width:800px;margin:4rem auto 0;padding-top:3rem;border-top:1px solid rgba(255,255,255,0.1)}.article-cta{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);border-radius:16px;padding:2.5rem;text-align:center;margin-bottom:3rem}.cta-title{font-size:1.8rem;font-weight:700;margin-bottom:0.5rem;color:#FFFFFF}.cta-subtitle{font-size:1.1rem;color:rgba(255,255,255,0.8);margin-bottom:1.5rem}.share-section{text-align:center;margin-bottom:2rem}.share-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:rgba(255,255,255,0.8)}.share-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.share-button{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:0.9rem;transition:transform 0.2s ease, box-shadow 0.2s ease}.share-twitter{background:#1DA1F2;color:#FFFFFF}.share-linkedin{background:#0077B5;color:#FFFFFF}.share-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.2)}.related-articles{background:rgba(0,0,0,0.2);padding:4rem 0;margin-top:4rem}.related-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#FFFFFF}.related-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;max-width:1000px;margin:0 auto}.related-card{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;transition:transform 0.3s ease, box-shadow 0.3s ease}.related-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.2)}.related-link{text-decoration:none;color:inherit}.related-card-title{font-size:1.2rem;font-weight:600;margin-bottom:0.75rem;color:#FFFFFF;line-height:1.4}.related-card-excerpt{color:rgba(255,255,255,0.7);margin-bottom:1rem;line-height:1.5}.related-card-meta{font-size:0.9rem;color:rgba(255,255,255,0.6)}@media (max-width: 768px){.article-page-title{font-size:2rem}.article-meta{flex-direction:column;align-items:center;gap:0.5rem}.content-body h1{font-size:2rem}.content-body h2{font-size:1.5rem}.article-cta{padding:2rem 1.5rem}.cta-title{font-size:1.5rem}.share-buttons{flex-direction:column;align-items:center}.related-grid{grid-template-columns:1fr}}.calculators-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:2rem;margin-bottom:4rem}.calculator-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem;text-align:center;transition:transform 0.3s ease, box-shadow 0.3s ease}.calculator-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,212,170,0.2)}.calculator-icon{font-size:3rem;margin-bottom:1rem}.calculator-card h2{color:#FFFFFF;font-size:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg, #00D4AA 0%, #9B59B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-desc{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1.5rem}.calculator-features{margin-bottom:2rem}.feature{color:rgba(255,255,255,0.7);margin-bottom:0.5rem;font-size:0.9rem}.calculator-button{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-block;transition:transform 0.2s ease, box-shadow 0.2s ease}.calculator-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,170,0.4)}.coming-soon{background:rgba(255,255,255,0.05);border-radius:16px;padding:2rem;margin:2rem 0}.coming-soon h3{color:#00D4AA;margin-bottom:1rem}.upcoming-calculators{display:grid;gap:1rem}.upcoming-calc{color:rgba(255,255,255,0.8);padding:1rem;background:rgba(255,255,255,0.03);border-radius:8px;border-left:3px solid #00D4AA}.upcoming-calc strong{color:#FFFFFF}@media (max-width: 768px){.calculators-grid{grid-template-columns:1fr;gap:1.5rem}.calculator-card{padding:2rem}}.result-item.success{background:linear-gradient(135deg, rgba(0,212,170,0.2) 0%, rgba(0,184,148,0.2) 100%);border:1px solid rgba(0,212,170,0.3);border-radius:12px;padding:1.5rem;text-align:center}.calculator-form-section-centered{max-width:500px;margin:0 auto 3rem auto;background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem}.calculator-results-full-width{width:100%;margin-bottom:4rem}.location-results{display:grid;gap:1rem;margin:2rem 0}.location-results-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem;margin:2rem 0}@media (max-width: 768px){.location-results-grid{grid-template-columns:1fr}.calculator-form-section-centered{padding:2rem}}.location-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1)}.location-item.most-affordable{border-color:#00D4AA;background:rgba(0,212,170,0.1)}.location-rank{font-size:1.2rem;font-weight:bold;color:#00D4AA;width:2rem}.location-name{font-weight:600;color:#FFFFFF;margin-bottom:0.5rem}.location-stats{display:grid;gap:0.25rem}.stat{display:flex;justify-content:space-between;font-size:0.9rem}.stat-label{color:rgba(255,255,255,0.7)}.stat-value{color:#FFFFFF;font-weight:500}.location-savings{text-align:right}.savings-amount,.cost-increase{font-weight:600;font-size:1.1rem}.savings-amount{color:#00D4AA}.cost-increase{color:#FF6B6B}.savings-label,.cost-label{font-size:0.8rem;color:rgba(255,255,255,0.6)}.same-cost{color:rgba(255,255,255,0.8);font-weight:500}.savings-scenarios{display:grid;gap:1rem;margin:2rem 0}.scenario-item{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,0.1);position:relative}.scenario-item.recommended{border-color:#00D4AA;background:rgba(0,212,170,0.1)}.scenario-rate{text-align:center}.rate-percentage{font-size:1.5rem;font-weight:bold;color:#00D4AA}.rate-label{font-size:0.8rem;color:rgba(255,255,255,0.7)}.scenario-details{display:grid;gap:0.25rem}.monthly-amount{font-weight:600;color:#FFFFFF}.time-to-fire{color:rgba(255,255,255,0.8);font-size:0.9rem}.scenario-badge{background:#00D4AA;color:#FFFFFF;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:600}.scenario-badge.extreme{background:#FF6B6B}.savings-insights{margin:2rem 0}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-top:1rem}.insight{background:rgba(255,255,255,0.05);padding:1rem;border-radius:8px;border-left:3px solid #00D4AA;color:rgba(255,255,255,0.8);font-size:0.9rem}@media (max-width: 768px){.location-item,.scenario-item{grid-template-columns:1fr;text-align:center;gap:1rem}.location-savings{text-align:center}.insight-grid{grid-template-columns:1fr}}.about-page{min-height:100vh;padding:2rem 0}.about-header{text-align:center;margin-bottom:4rem}.about-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#FFFFFF}.about-subtitle{font-size:1.3rem;color:rgba(255,255,255,0.9);max-width:600px;margin:0 auto;line-height:1.6}.about-mission{margin-bottom:4rem}.mission-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:3rem;text-align:center;max-width:800px;margin:0 auto}.mission-icon{font-size:4rem;margin-bottom:1.5rem}.mission-card h2{color:#00D4AA;font-size:2rem;margin-bottom:1.5rem}.mission-card p{color:rgba(255,255,255,0.9);font-size:1.1rem;line-height:1.7;margin-bottom:1rem}.about-tools{margin-bottom:4rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2rem}.tool-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem;text-align:center;transition:transform 0.3s ease, box-shadow 0.3s ease}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,212,170,0.2)}.tool-icon{font-size:3rem;margin-bottom:1rem}.tool-card h3{color:#FFFFFF;font-size:1.3rem;margin-bottom:1rem}.tool-card p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:1.5rem}.tool-button{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.75rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;display:inline-block;transition:transform 0.2s ease, box-shadow 0.2s ease}.tool-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,170,0.4)}.tool-button.coming-soon{background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);cursor:not-allowed}.tool-button.coming-soon:hover{transform:none;box-shadow:none}.about-features{margin-bottom:4rem}.features-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:2rem}.feature-tier{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem;position:relative}.premium-tier{border-color:#00D4AA;background:rgba(0,212,170,0.1)}.tier-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.tier-header h3{color:#FFFFFF;font-size:1.5rem;margin-bottom:0.5rem}.tier-price{font-size:2.5rem;font-weight:bold;color:#00D4AA}.price-period{font-size:1rem;color:rgba(255,255,255,0.7)}.tier-features{display:grid;gap:0.75rem}.feature{color:rgba(255,255,255,0.9);font-size:1rem}.tier-badge{position:absolute;top:-0.75rem;left:50%;transform:translateX(-50%);background:#00D4AA;color:#FFFFFF;padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:600}.about-philosophy{margin-bottom:4rem}.philosophy-content h2{text-align:center;color:#FFFFFF;font-size:2rem;margin-bottom:2rem}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin-top:2rem}.philosophy-point{text-align:center;padding:2rem}.point-icon{font-size:3rem;margin-bottom:1rem}.philosophy-point h3{color:#00D4AA;font-size:1.2rem;margin-bottom:1rem}.philosophy-point p{color:rgba(255,255,255,0.8);line-height:1.6}.about-cta{margin-bottom:2rem}.cta-card{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:3rem;text-align:center;max-width:700px;margin:0 auto}.cta-card h2{color:#FFFFFF;font-size:2rem;margin-bottom:1rem}.cta-card p{color:rgba(255,255,255,0.9);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button-primary{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:transform 0.2s ease, box-shadow 0.2s ease}.cta-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,212,170,0.4)}.cta-button-secondary{background:rgba(255,255,255,0.1);color:#FFFFFF;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease}.cta-button-secondary:hover{background:rgba(255,255,255,0.15);transform:translateY(-1px)}@media (max-width: 768px){.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.mission-card,.cta-card{padding:2rem}.tools-grid,.features-container,.philosophy-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}.calculator-page{min-height:100vh;padding:2rem 0}.calculator-header{text-align:center;margin-bottom:3rem}.calculator-title{font-size:3rem;font-weight:800;margin-bottom:1rem;color:#FFFFFF}.calculator-title-text{background:linear-gradient(135deg, #00D4AA 0%, #FF6B6B 50%, #9B59B6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.calculator-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.9);margin-bottom:0.5rem}.calculator-description{color:rgba(255,255,255,0.7);font-size:0.9rem}.calculator-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;max-width:1000px;margin-left:auto;margin-right:auto}.calculator-form-section{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem}.calculator-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-label{font-weight:600;color:rgba(255,255,255,0.9);font-size:1rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-prefix{position:absolute;left:1rem;color:#00D4AA;font-weight:600;font-size:1.1rem;z-index:2}.input-suffix{position:absolute;right:3rem;color:#00D4AA;font-weight:600;font-size:1.1rem;z-index:2;pointer-events:none}.form-input{width:100%;padding:1rem 1rem 1rem 2rem;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;color:white;font-size:1.1rem;font-weight:500;transition:all 0.3s ease}.form-input:focus{outline:none;border-color:#00D4AA;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(0,212,170,0.1)}.form-input::placeholder{color:rgba(255,255,255,0.4)}.form-input.with-suffix{padding-right:4rem}.form-hint{color:rgba(255,255,255,0.6);font-size:0.85rem}.radio-group{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0.5rem 0}.radio-label{display:flex;align-items:center;justify-content:center;padding:0.75rem 1.25rem;background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;cursor:pointer;transition:all 0.3s ease}.radio-label:hover{background:rgba(255,255,255,0.08);border-color:rgba(0,212,170,0.3)}.radio-label:has(input:checked){background:rgba(0,212,170,0.1);border-color:#00D4AA}.radio-label input[type="radio"]{margin:0;margin-right:0.5rem;width:18px;height:18px;accent-color:#00D4AA}.radio-text{color:#FFFFFF;font-weight:500}.divider-text{text-align:center;color:rgba(255,255,255,0.5);font-size:0.9rem;font-weight:600;position:relative;margin:1.5rem 0}.divider-text::before,.divider-text::after{content:"";position:absolute;top:50%;width:45%;height:1px;background:rgba(255,255,255,0.1)}.divider-text::before{left:0}.divider-text::after{right:0}.warning{color:#FF6B6B}.progress-bar-container{width:100%;height:24px;background:rgba(255,255,255,0.1);border-radius:12px;overflow:hidden;margin:1rem 0}.progress-bar-container.small{height:12px;margin:0.5rem 0}.progress-bar{height:100%;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);border-radius:12px;transition:width 0.6s ease}.progress-bar.achieved{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%)}.milestones-section{margin-top:2rem}.milestone-item{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;margin-bottom:1rem;transition:all 0.3s ease}.milestone-item.achieved{border-color:rgba(0,212,170,0.3);background:rgba(0,212,170,0.05)}.milestone-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.milestone-name{font-size:1.2rem;font-weight:600;color:#FFFFFF;margin:0 0 0.25rem 0}.milestone-description{color:rgba(255,255,255,0.7);font-size:0.9rem;margin:0}.milestone-amount{font-size:1.3rem;font-weight:700;color:#00D4AA}.milestone-stats{display:flex;justify-content:space-between;align-items:center;margin-top:0.5rem;font-size:0.85rem}.progress-text{color:rgba(255,255,255,0.6)}.time-text{color:#00D4AA;font-weight:500}.tax-summary{text-align:center;color:rgba(255,255,255,0.7);margin-bottom:2rem;font-size:0.95rem}.strategy-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;position:relative;transition:all 0.3s ease}.strategy-card.best-strategy{border-color:rgba(0,212,170,0.3);background:rgba(0,212,170,0.05)}.best-strategy-badge{position:absolute;top:-12px;right:1.5rem;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.25rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600}.strategy-header{margin-bottom:1.5rem}.strategy-name{font-size:1.3rem;font-weight:600;color:#FFFFFF;margin:0 0 0.5rem 0}.strategy-description{color:rgba(255,255,255,0.7);margin:0}.strategy-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.metric-item{display:flex;flex-direction:column;gap:0.25rem}.metric-item.highlight{background:rgba(0,212,170,0.1);padding:0.75rem;border-radius:8px;border:1px solid rgba(0,212,170,0.2)}.metric-label{font-size:0.85rem;color:rgba(255,255,255,0.6)}.metric-value{font-size:1.2rem;font-weight:600;color:#FFFFFF}.strategy-advantage{margin-top:1.5rem;padding:1rem;background:rgba(0,212,170,0.1);border-radius:8px;color:#00D4AA;font-weight:500}.tax-considerations{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.tax-considerations h3{margin-top:0;color:#FFFFFF}.tax-guide-toggle{margin-top:0.5rem}.guide-button{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);color:#00D4AA;padding:0.5rem 1rem;border-radius:8px;font-size:0.85rem;cursor:pointer;transition:all 0.3s ease}.guide-button:hover{background:rgba(0,212,170,0.2);border-color:rgba(0,212,170,0.5)}.tax-guide{margin-top:1rem;padding:1.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;transition:all 0.3s ease}.tax-guide.hidden{display:none}.tax-guide h4{color:#FFFFFF;margin:0 0 1rem 0;font-size:1rem}.tax-brackets{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem}.bracket{padding:0.5rem 0.75rem;background:rgba(255,255,255,0.05);border-radius:6px;color:rgba(255,255,255,0.8);font-size:0.9rem}.bracket.highlight{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);color:#00D4AA;font-weight:500}.tax-calculation{border-top:1px solid rgba(255,255,255,0.1);padding-top:1rem}.calculation-example{margin:1rem 0;padding:0.75rem;background:rgba(0,212,170,0.05);border-radius:6px;color:rgba(255,255,255,0.9)}.state-tax-note{margin-top:1rem;color:rgba(255,255,255,0.8);font-size:0.85rem}.state-tax-note ul{margin:0.5rem 0 0 0;padding-left:1.25rem}.state-tax-note li{margin-bottom:0.25rem}.auto-calculation-note{margin-top:0.5rem}.auto-calculation-note small{color:#00D4AA;font-style:italic}.radio-group.filing-status{grid-template-columns:1fr;gap:0.75rem}.radio-group.filing-status .radio-label{justify-content:flex-start;padding:1rem 1.25rem}.baseline-summary{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;margin-top:2rem}.baseline-summary h3{margin:0 0 1rem 0;color:#FFFFFF}.baseline-metrics{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem}.baseline-metric{display:flex;flex-direction:column;gap:0.25rem}.hustles-comparison h3{margin:0 0 1.5rem 0;color:#FFFFFF}.hustle-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;position:relative;transition:all 0.3s ease}.hustle-card.best-hustle{border-color:rgba(0,212,170,0.3);background:rgba(0,212,170,0.05)}.best-hustle-badge{position:absolute;top:-12px;right:1.5rem;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.25rem 1rem;border-radius:20px;font-size:0.85rem;font-weight:600}.hustle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hustle-name{font-size:1.3rem;font-weight:600;color:#FFFFFF;margin:0 0 0.5rem 0}.hustle-description{color:rgba(255,255,255,0.7);margin:0;font-size:0.9rem}.hustle-income{text-align:right}.income-primary{font-size:1.4rem;font-weight:700;color:#00D4AA}.income-annual{font-size:0.85rem;color:rgba(255,255,255,0.6)}.hustle-metrics{display:flex;flex-direction:column;gap:1rem}.metric-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.metric-row.highlight-row{background:rgba(0,212,170,0.05);padding:1rem;border-radius:8px;border:1px solid rgba(0,212,170,0.1)}.hustle-advantage{margin-top:1.5rem;padding:1rem;background:rgba(0,212,170,0.1);border-radius:8px;color:#00D4AA;font-weight:500}.insights-section{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.insights-section h3{margin:0 0 1.5rem 0;color:#FFFFFF}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem}.insight-item{background:rgba(255,255,255,0.05);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1)}.insight-icon{font-size:1.5rem;margin-bottom:0.5rem}.insight-item h4{margin:0 0 0.5rem 0;color:#FFFFFF;font-size:1rem}.insight-item p{margin:0;color:rgba(255,255,255,0.8);font-size:0.9rem}.action-steps{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.03);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.action-steps h3{margin:0 0 1rem 0;color:#FFFFFF}.optional-section{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)}.section-title{color:rgba(255,255,255,0.8);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.calculate-button{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:white;border:none;padding:1.2rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-top:1rem}.calculate-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,0.3)}.calculator-results{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:2.5rem}.results-card{display:flex;flex-direction:column;gap:2rem}.results-title{color:white;font-size:1.5rem;font-weight:700;margin-bottom:0}.results-subtitle{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:1.5rem}.result-item{display:flex;flex-direction:column;gap:0.5rem}.result-item.primary{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.2);border-radius:16px;padding:1.5rem;text-align:center}.result-item.highlight{background:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.2);border-radius:12px;padding:1rem}.result-label{color:rgba(255,255,255,0.7);font-size:0.9rem;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.result-value{color:#00D4AA;font-size:2rem;font-weight:800}.result-item.primary .result-value{font-size:2.5rem}.result-explanation{color:rgba(255,255,255,0.6);font-size:0.85rem;margin-top:0.5rem}.result-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.next-steps{background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem}.next-steps h3{color:white;font-size:1.1rem;margin-bottom:1rem}.next-steps ul{list-style:none;padding:0;margin:0}.next-steps li{color:rgba(255,255,255,0.8);margin-bottom:0.5rem;padding-left:1.5rem;position:relative}.next-steps li::before{content:"✓";color:#00D4AA;font-weight:bold;position:absolute;left:0}.error-card{background:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.3);border-radius:16px;padding:2rem;text-align:center}.error-card h3{color:#FF6B6B;margin-bottom:1rem}.error-card p{color:rgba(255,255,255,0.8)}.calculator-info{background:rgba(255,255,255,0.05);border-radius:20px;padding:2.5rem;text-align:center}.calculator-info h3{color:white;font-size:1.5rem;margin-bottom:1rem}.calculator-info p{color:rgba(255,255,255,0.8);line-height:1.6;margin-bottom:2rem}.cta-section{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;margin-top:2rem}.cta-button{display:inline-block;background:linear-gradient(135deg, #9B59B6 0%, #8E44AD 100%);color:white;text-decoration:none;padding:1rem 2rem;border-radius:12px;font-weight:600;transition:all 0.3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(155,89,182,0.3);text-decoration:none;color:white}.comparison-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.comparison-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:16px;padding:1.5rem}.rent-card{border-color:rgba(155,89,182,0.3)}.buy-card{border-color:rgba(0,212,170,0.3)}.comparison-card-title{font-size:1.2rem;font-weight:600;color:#FFFFFF;margin:0 0 1rem 0;text-align:center}.comparison-metrics{display:flex;flex-direction:column;gap:1rem}.comparison-metric{display:flex;flex-direction:column;gap:0.25rem}.comparison-metric.primary{background:rgba(255,255,255,0.05);padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,0.1)}.comparison-metric .metric-label{font-size:0.85rem;color:rgba(255,255,255,0.7)}.comparison-metric .metric-value{font-size:1.3rem;font-weight:700;color:#FFFFFF}.comparison-metric .metric-value.highlight{color:#00D4AA}.metric-note{font-size:0.8rem;color:rgba(255,255,255,0.6);margin-top:0.25rem}.break-even-notice{background:rgba(0,212,170,0.1);border:1px solid rgba(0,212,170,0.3);border-radius:12px;padding:1.5rem;margin:2rem 0;display:flex;align-items:center;gap:1rem}.break-even-icon{font-size:2rem}.break-even-notice p{margin:0;color:#FFFFFF;font-size:1.1rem}.break-even-notice strong{color:#00D4AA}.articles-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:3rem}.article-search-form{flex-shrink:0;width:400px}.search-wrapper{display:flex;gap:1rem;align-items:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:0.75rem;backdrop-filter:blur(10px)}.search-input{flex:1;width:100%;background:transparent;border:none;color:#FFFFFF;font-size:1rem;outline:none;text-align:left;padding:0}.search-input::placeholder{color:rgba(255,255,255,0.5)}.search-button{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:white;border:none;border-radius:8px;padding:0.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem}.search-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,0.3)}.clear-search{color:rgba(255,255,255,0.6);text-decoration:none;font-size:0.9rem;padding:0.5rem;transition:color 0.3s ease}.clear-search:hover{color:#00D4AA}.search-results-count{color:rgba(255,255,255,0.7);font-size:0.9rem;margin:-1rem 0 2rem 0;text-align:center}.pagination{display:flex;justify-content:center;align-items:center;gap:0.5rem;margin-top:4rem;padding:2rem 0}.pagination-numbers{display:flex;gap:0.25rem;align-items:center}.pagination-link{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 0.75rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:rgba(255,255,255,0.8);text-decoration:none;font-weight:500;transition:all 0.3s ease;backdrop-filter:blur(10px)}.pagination-link:hover{background:rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.3);color:#00D4AA;transform:translateY(-2px)}.pagination-link.active{background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);border-color:#00D4AA;color:white;cursor:default}.pagination-link.active:hover{transform:none}.pagination-link.prev,.pagination-link.next{padding:0 1rem}.pagination-ellipsis{color:rgba(255,255,255,0.4);padding:0 0.5rem}@media (max-width: 768px){.articles-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.article-search-form{width:100%}.search-wrapper{flex-direction:column;gap:1rem}.search-input{padding:0.5rem 0}.search-button{width:100%}.pagination{flex-wrap:wrap;gap:0.25rem;margin-top:3rem}.pagination-link{min-width:40px;height:40px;font-size:0.9rem}.pagination-link.prev,.pagination-link.next{padding:0 0.75rem;font-size:0.8rem}}.yearly-breakdown{margin-top:2rem;background:rgba(255,255,255,0.03);padding:1.5rem;border-radius:12px}.yearly-breakdown h3{color:#FFFFFF;margin:0 0 1rem 0}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.8);padding:0.75rem;text-align:left;font-weight:600;border-bottom:2px solid rgba(255,255,255,0.1)}.comparison-table td{padding:0.75rem;color:rgba(255,255,255,0.9);border-bottom:1px solid rgba(255,255,255,0.05)}.comparison-table tr.rent-better{background:rgba(155,89,182,0.05)}.comparison-table tr.buy-better{background:rgba(0,212,170,0.05)}.fire-impact{margin-top:2rem;padding:1.5rem;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.fire-impact h3{color:#FFFFFF;margin:0 0 1rem 0}.fire-impact p{color:rgba(255,255,255,0.9);line-height:1.6;margin:0}.fire-impact strong{color:#00D4AA}.newsletter-cta{background:linear-gradient(135deg, rgba(0,212,170,0.1) 0%, rgba(155,89,182,0.1) 100%);border-top:1px solid rgba(255,255,255,0.1);padding:4rem 0;margin-top:4rem}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{color:#FFFFFF;font-size:2rem;font-weight:700;margin:0 0 1rem 0;background:linear-gradient(135deg, #00D4AA 0%, #9B59B6 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.cta-description{color:rgba(255,255,255,0.9);font-size:1.1rem;line-height:1.6;margin:0 0 2rem 0}.cta-actions{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:2rem}.cta-button-primary{background:linear-gradient(135deg, #00D4AA 0%, #048B6F 100%);color:white;border:none;padding:1rem 2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 15px rgba(0,212,170,0.3)}.cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,0.4)}.newsletter-form{width:100%;max-width:400px}.newsletter-input-group{display:flex;gap:0.5rem;margin-bottom:0.5rem}.newsletter-input{flex:1;padding:0.75rem 1rem;border:1px solid rgba(255,255,255,0.2);border-radius:25px;background:rgba(255,255,255,0.05);color:#FFFFFF;font-size:1rem;backdrop-filter:blur(10px)}.newsletter-input::placeholder{color:rgba(255,255,255,0.6)}.newsletter-input:focus{outline:none;border-color:#00D4AA;box-shadow:0 0 0 3px rgba(0,212,170,0.1)}.newsletter-submit{background:linear-gradient(135deg, #9B59B6 0%, #7A4397 100%);color:white;border:none;padding:0.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all 0.3s ease;white-space:nowrap}.newsletter-submit:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(155,89,182,0.3)}.newsletter-message{font-size:0.9rem;padding:0.5rem;border-radius:8px;text-align:center}.newsletter-message.success{background:rgba(0,212,170,0.1);color:#00D4AA;border:1px solid rgba(0,212,170,0.3)}.newsletter-message.error{background:rgba(255,107,107,0.1);color:#FF6B6B;border:1px solid rgba(255,107,107,0.3)}.cta-features{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.8);font-size:0.9rem}.feature-icon{font-size:1.2rem}@media (max-width: 768px){.cta-title{font-size:1.5rem}.cta-description{font-size:1rem}.newsletter-input-group{flex-direction:column}.newsletter-submit{padding:0.75rem 1rem}.cta-features{gap:1rem}.feature-item{font-size:0.8rem}}.radio-group.vertical{display:flex;flex-direction:column;gap:0.5rem}.radio-group.vertical .radio-input{display:none}.radio-group.vertical .radio-label{display:flex;align-items:center;color:rgba(255,255,255,0.9);font-size:0.9rem;cursor:pointer;padding:1rem;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:rgba(255,255,255,0.03);transition:all 0.3s ease;margin-bottom:0.5rem;position:relative}.radio-group.vertical .radio-label::before{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,0.4);border-radius:50%;margin-right:0.75rem;background:transparent;transition:all 0.3s ease}.radio-group.vertical .radio-label:hover{background:rgba(255,255,255,0.08);border-color:rgba(0,212,170,0.3)}.radio-group.vertical .radio-label:hover::before{border-color:rgba(0,212,170,0.6)}.radio-group.vertical .radio-input:checked+.radio-label{background:rgba(0,212,170,0.1);border-color:rgba(0,212,170,0.4);color:#FFFFFF}.radio-group.vertical .radio-input:checked+.radio-label::before{border-color:#00D4AA;background:#00D4AA;box-shadow:inset 0 0 0 3px #1A1B3A}.fund-status-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;margin:2rem 0}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-header h3{color:#FFFFFF;margin:0}.progress-circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(#00D4AA 0deg, #00D4AA calc(var(--progress) * 3.6deg), rgba(255,255,255,0.1) calc(var(--progress) * 3.6deg));display:flex;align-items:center;justify-content:center;position:relative}.progress-circle::before{content:'';width:60px;height:60px;border-radius:50%;background:#1A1B3A;position:absolute}.progress-text{color:#00D4AA;font-weight:700;font-size:1.1rem;z-index:1}.status-metrics{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.status-metric{text-align:center}.status-metric .metric-label{display:block;color:rgba(255,255,255,0.7);font-size:0.85rem;margin-bottom:0.5rem}.status-metric .metric-value{color:#00D4AA;font-size:1.3rem;font-weight:700}.scenarios-comparison{margin:2rem 0}.scenarios-comparison h3{color:#FFFFFF;margin:0 0 1.5rem 0}.scenarios-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.scenario-card{background:rgba(255,255,255,0.05);border:2px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;position:relative;transition:all 0.3s ease}.scenario-card.recommended{border-color:rgba(0,212,170,0.4);background:rgba(0,212,170,0.08)}.recommended-badge{position:absolute;top:-10px;right:1rem;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;padding:0.25rem 0.75rem;border-radius:12px;font-size:0.8rem;font-weight:600}.scenario-name{color:#FFFFFF;font-size:1rem;font-weight:600;margin:0 0 0.5rem 0}.scenario-amount{color:#00D4AA;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.scenario-details{display:flex;flex-direction:column;gap:0.5rem}.scenario-detail{display:flex;justify-content:space-between;align-items:center}.detail-label{color:rgba(255,255,255,0.7);font-size:0.85rem}.detail-value{color:rgba(255,255,255,0.9);font-weight:600}.savings-timeline{margin:2rem 0;background:rgba(255,255,255,0.03);padding:1.5rem;border-radius:12px}.savings-timeline h3{color:#FFFFFF;margin:0 0 1.5rem 0}.timeline-chart{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;padding:1rem 0}.timeline-point{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:1rem;text-align:center}.timeline-point.current{border-color:rgba(155,89,182,0.4);background:rgba(155,89,182,0.08)}.timeline-point.target{border-color:rgba(0,212,170,0.4);background:rgba(0,212,170,0.08)}.timeline-month{color:rgba(255,255,255,0.7);font-size:0.8rem;margin-bottom:0.5rem}.timeline-balance{color:#00D4AA;font-weight:700;font-size:1.1rem;margin-bottom:0.25rem}.timeline-coverage{color:rgba(255,255,255,0.9);font-size:0.85rem;margin-bottom:0.25rem}.timeline-percentage{color:rgba(255,255,255,0.7);font-size:0.8rem}.recommendations{margin:2rem 0;background:rgba(255,255,255,0.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.recommendations h3{color:#FFFFFF;margin:0 0 1rem 0}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{background:rgba(255,255,255,0.03);padding:1rem;border-radius:8px;border-left:4px solid #00D4AA}.recommendation-item p{color:rgba(255,255,255,0.9);margin:0;line-height:1.5}.emergency-fund-tips{margin:2rem 0}.emergency-fund-tips h3{color:#FFFFFF;margin:0 0 1.5rem 0}.tips-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}.tip-item{background:rgba(255,255,255,0.05);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1);text-align:center}.tip-icon{font-size:2rem;margin-bottom:0.75rem}.tip-item h4{color:#FFFFFF;margin:0 0 0.75rem 0;font-size:1rem}.tip-item p{color:rgba(255,255,255,0.8);margin:0;font-size:0.9rem;line-height:1.4}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%);border:1px solid rgba(255,255,255,0.1);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,0.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,0.1)}.modal-header h3{color:#FFFFFF;font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{background:none;border:none;color:rgba(255,255,255,0.7);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s ease}.modal-close:hover{background:rgba(255,255,255,0.1);color:#FFFFFF}.modal-body{padding:2rem}.modal-description{color:rgba(255,255,255,0.9);line-height:1.6;margin-bottom:2rem;font-size:1rem}.modal-input-group{margin-bottom:1.5rem}.modal-input-group label{display:block;color:rgba(255,255,255,0.8);font-weight:600;margin-bottom:0.5rem;font-size:0.9rem}.modal-input{width:100%;padding:1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);border-radius:12px;color:#FFFFFF;font-size:1rem;transition:all 0.3s ease;box-sizing:border-box}.modal-input:focus{outline:none;border-color:#00D4AA;background:rgba(255,255,255,0.08);box-shadow:0 0 0 3px rgba(0,212,170,0.2)}.modal-input::placeholder{color:rgba(255,255,255,0.5)}.signup-message{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.signup-message.success{background:rgba(0,212,170,0.2);color:#00D4AA;border:1px solid rgba(0,212,170,0.3)}.signup-message.error{background:rgba(255,107,107,0.2);color:#FF6B6B;border:1px solid rgba(255,107,107,0.3)}.modal-submit-button{width:100%;background:linear-gradient(135deg, #00D4AA 0%, #00B894 100%);color:#FFFFFF;border:none;padding:1.2rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-bottom:2rem}.modal-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,0.3)}.modal-features{background:rgba(255,255,255,0.03);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,0.1)}.modal-features h4{color:#FFFFFF;margin:0 0 1rem 0;font-size:1rem}.modal-features ul{list-style:none;padding:0;margin:0}.modal-features li{color:rgba(255,255,255,0.8);margin-bottom:0.75rem;font-size:0.9rem;padding-left:0.5rem}.modal-features li:last-child{margin-bottom:0}@media (max-width: 768px){.calculator-container{grid-template-columns:1fr;gap:2rem}.calculator-title{font-size:2rem}.result-breakdown{grid-template-columns:1fr}.calculator-form-section,.calculator-results,.calculator-info{padding:1.5rem}.comparison-cards{grid-template-columns:1fr}.comparison-table{font-size:0.85rem}.comparison-table th,.comparison-table td{padding:0.5rem}.status-metrics{grid-template-columns:1fr;gap:1rem}.scenarios-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.timeline-chart{grid-template-columns:repeat(2, 1fr);gap:0.5rem}.timeline-point{padding:0.75rem}.modal-content{margin:1rem;max-height:85vh}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1.5rem}}.calculator-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:rgba(255,255,255,0.8);font-weight:500;transition:color 0.3s ease;display:flex;align-items:center;white-space:nowrap}.calculator-toggle:hover{color:#00D4AA}.calculator-toggle .arrow{display:inline-block;transition:transform 0.3s ease;margin-left:0.25rem}.calculator-toggle.active .arrow{transform:rotate(180deg)}.fire-education-toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;color:rgba(255,255,255,0.8);font-weight:500;transition:color 0.3s ease;display:flex;align-items:center;white-space:nowrap}.fire-education-toggle .arrow{display:inline-block;transition:transform 0.3s ease;margin-left:0.25rem}.fire-education-toggle.active .arrow{transform:rotate(180deg)}.calculator-subnav{background:rgba(26,27,58,0.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1);padding:2rem 0;position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.calculator-subnav.active{opacity:1;visibility:visible;transform:translateY(0)}.calculator-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem;margin-bottom:2rem}.calculator-section h4{color:#00D4AA;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;font-weight:600}.calc-item{display:flex;align-items:flex-start;gap:1rem;text-decoration:none;color:inherit;padding:0.75rem;border-radius:8px;transition:all 0.3s ease;margin-bottom:0.5rem}.calc-item:hover{background:rgba(255,255,255,0.05);transform:translateX(5px)}.calc-icon{font-size:1.5rem;flex-shrink:0}.calc-item strong{display:block;color:#FFFFFF;font-weight:600;margin-bottom:0.25rem}.calc-item small{display:block;color:rgba(255,255,255,0.6);font-size:0.85rem}.calculator-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}.view-all-link{color:#00D4AA;text-decoration:none;font-weight:600;transition:all 0.3s ease}.view-all-link:hover{transform:translateX(5px);text-decoration:underline}.fire-education-subnav{background:rgba(26,27,58,0.98);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.1);padding:2rem 0;position:absolute;top:100%;left:0;right:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,0.3)}.fire-education-subnav.active{opacity:1;visibility:visible;transform:translateY(0)}.fire-education-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:3rem;margin-bottom:2rem}.fire-education-section h4{color:#00D4AA;font-size:0.9rem;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:1rem;font-weight:600}.fire-edu-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;text-decoration:none;color:#FFFFFF;border-radius:8px;transition:all 0.3s ease;margin-bottom:0.5rem}.fire-edu-item:hover{background:rgba(255,255,255,0.05);transform:translateX(5px)}.fire-edu-icon{font-size:1.2rem;min-width:24px;text-align:center}.fire-edu-item strong{display:block;font-weight:600;font-size:0.95rem;margin-bottom:0.25rem}.fire-edu-item small{display:block;color:rgba(255,255,255,0.7);font-size:0.8rem}.fire-education-footer{text-align:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1)}@media (max-width: 1024px){.calculator-grid{grid-template-columns:repeat(2, 1fr);gap:2rem}}@media (max-width: 768px){.calculator-grid{grid-template-columns:1fr;gap:1.5rem}.calculator-section{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1.5rem;margin-bottom:1.5rem}.calculator-section:last-child{border-bottom:none}}@media (max-width: 1024px){.fire-education-grid{grid-template-columns:repeat(2, 1fr);gap:2rem}}@media (max-width: 768px){.fire-education-grid{grid-template-columns:1fr;gap:1.5rem}.fire-education-section{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:1.5rem;margin-bottom:1.5rem}.fire-education-section:last-child{border-bottom:none}}.fire-education-page,.fire-type-page{min-height:100vh;background:linear-gradient(135deg, #1A1B3A 0%, #2D2E54 100%)}.fire-education-page .hero-section,.fire-type-page .hero-section{padding:4rem 0 2rem 0;text-align:center}.fire-education-page h1,.fire-type-page h1{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1}@media (max-width: 768px){.fire-education-page h1,.fire-type-page h1{font-size:2.5rem}}.fire-education-page .hero-subtitle,.fire-type-page .hero-subtitle{font-size:1.25rem;color:#00D4AA;font-weight:600;margin-bottom:1rem}.fire-education-page .hero-description{font-size:1.1rem;color:rgba(255,255,255,0.8);max-width:600px;margin:0 auto;line-height:1.6}.breadcrumb{font-size:0.9rem;color:rgba(255,255,255,0.6);margin-bottom:1.5rem}.breadcrumb a{color:#00D4AA;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.content-section{padding:2rem 0 4rem 0}.education-content{max-width:900px;margin:0 auto;color:#FFFFFF}.education-content h2{font-size:2rem;font-weight:700;margin:3rem 0 1.5rem 0;color:#FFFFFF}.education-content h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem 0;color:#FFFFFF}.education-content h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 0.75rem 0;color:#00D4AA}.education-content p{font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem;color:rgba(255,255,255,0.9)}.education-content ul,.education-content ol{margin:1.5rem 0;padding-left:1.5rem}.education-content li{font-size:1.05rem;line-height:1.6;margin-bottom:0.5rem;color:rgba(255,255,255,0.9)}.section-intro{font-size:1.15rem;color:rgba(255,255,255,0.8);text-align:center;margin-bottom:3rem}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:1.5rem;margin:3rem 0;padding:2rem;background:rgba(255,255,255,0.05);border-radius:16px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.stat{text-align:center;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:80px}.stat h3{font-size:0.9rem;color:#00D4AA;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.5rem;font-weight:600;flex-shrink:0}.stat p{font-size:1.25rem;font-weight:700;color:#FFFFFF;margin:0;display:flex;align-items:center;justify-content:center;flex-grow:1;text-align:center;line-height:1.3}.key-concept{background:linear-gradient(135deg, rgba(0,212,170,0.1), rgba(0,184,148,0.1));border:1px solid rgba(0,212,170,0.2);border-radius:16px;padding:2rem;margin:2rem 0}.key-concept h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1.5rem;margin:3rem 0}.stat-card{background:rgba(255,255,255,0.05);border-radius:12px;padding:1.5rem;text-align:center;border:1px solid rgba(255,255,255,0.1)}.stat-emoji{font-size:2rem;display:block;margin-bottom:1rem}.stat-card h4{font-size:1.5rem;font-weight:700;color:#00D4AA;margin:0 0 0.5rem 0}.stat-card p{color:rgba(255,255,255,0.8);margin:0;font-size:1rem}.fire-types-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:3rem 0}.fire-type-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;text-decoration:none;color:#FFFFFF;transition:all 0.3s ease;display:block}.fire-type-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-5px);border-color:rgba(0,212,170,0.3);box-shadow:0 10px 30px rgba(0,212,170,0.1)}.type-emoji{font-size:2.5rem;display:block;margin-bottom:1rem}.fire-type-card h3{color:#00D4AA;margin:0 0 1rem 0;font-size:1.5rem}.fire-type-card p{color:rgba(255,255,255,0.8);margin:0 0 1rem 0;font-size:1rem;line-height:1.5}.learn-more{color:#00D4AA;font-weight:600;font-size:0.9rem}.formula-section{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;margin:3rem 0}.formula-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;text-align:center}.formula-card h3{color:#00D4AA;margin-top:0;margin-bottom:1.5rem;font-size:1.25rem}.formula{font-family:'Monaco', 'Menlo', monospace;font-size:1.1rem;font-weight:600;background:rgba(0,212,170,0.1);color:#00D4AA;padding:1rem;border-radius:8px;margin:1rem 0;border:1px solid rgba(0,212,170,0.2)}.pros-cons-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:3rem 0}.pros-card,.cons-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem}.pros-card h3{color:#00D4AA;margin-top:0}.cons-card h3{color:#FF6B6B;margin-top:0}.cta-section{background:linear-gradient(135deg, rgba(0,212,170,0.1), rgba(0,184,148,0.1));border:1px solid rgba(0,212,170,0.2);border-radius:20px;padding:3rem;text-align:center;margin:4rem 0}.cta-section h2{color:#00D4AA;margin-top:0;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;color:rgba(255,255,255,0.9)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:0.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:none;cursor:pointer;font-size:1rem}.cta-button.primary{background:linear-gradient(135deg, #00D4AA, #00B894);color:#FFFFFF}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,0.3)}.cta-button.secondary{background:rgba(255,255,255,0.1);color:#FFFFFF;border:1px solid rgba(255,255,255,0.2)}.cta-button.secondary:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px)}.calculator-cta-button{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg, #00D4AA, #00B894);color:#FFFFFF;text-decoration:none;border-radius:8px;font-weight:600;transition:all 0.3s ease;margin-top:1rem}.calculator-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,212,170,0.3)}@media (max-width: 768px){.fire-education-page .hero-section,.fire-type-page .hero-section{padding:2rem 0 1rem 0}.education-content h2{font-size:1.75rem}.education-content h3{font-size:1.35rem}.quick-stats{grid-template-columns:repeat(2, 1fr);gap:1rem;padding:1.5rem}.stats-grid{grid-template-columns:1fr}.fire-types-grid{grid-template-columns:1fr}.formula-section{grid-template-columns:1fr}.pros-cons-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:300px}}.philosophy-cards,.lifestyle-grid,.luxury-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:3rem 0}.philosophy-card,.lifestyle-card,.luxury-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;text-align:center;transition:all 0.3s ease}.philosophy-card:hover,.lifestyle-card:hover,.luxury-card:hover{background:rgba(255,255,255,0.08);transform:translateY(-3px)}.philosophy-card .icon,.luxury-icon{font-size:2rem;display:block;margin-bottom:1rem}.philosophy-card h3,.lifestyle-card h3,.luxury-card h3{color:#00D4AA;margin:0 0 1rem 0;font-size:1.25rem}.philosophy-card p,.lifestyle-card p,.luxury-card p{color:rgba(255,255,255,0.8);margin:0;font-size:1rem;line-height:1.5}.budget-breakdown,.budget-options,.budget-levels{margin:3rem 0}.budget-card,.budget-level{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;margin-bottom:2rem}.budget-card h3,.budget-level h3{color:#00D4AA;margin-top:0;margin-bottom:1.5rem;text-align:center}.budget-table{width:100%;border-collapse:collapse;margin:1rem 0}.budget-table td{padding:0.75rem;border-bottom:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.9)}.budget-table td:first-child{font-weight:500}.budget-table td:last-child{text-align:right;font-weight:600;color:#00D4AA}.budget-table .total td,.budget-table .fire-number td{border-top:2px solid rgba(0,212,170,0.3);font-weight:700;color:#FFFFFF;padding-top:1rem}.budget-table .fire-number td{color:#00D4AA;font-size:1.1rem}.calculation-table{width:100%;border-collapse:collapse;margin:1rem 0}.calculation-table td{padding:0.5rem;border-bottom:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.9)}.calculation-table td:last-child{text-align:right;font-weight:600;color:#00D4AA}.strategies-grid,.strategies-list{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:3rem 0}.strategy-card,.strategy{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem}.strategy-card h3,.strategy h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.strategy-card ul,.strategy ul{margin:0;padding-left:1.5rem}.strategy-card li,.strategy li{color:rgba(255,255,255,0.9);margin-bottom:0.5rem}.timeline-section,.path-examples{margin:3rem 0}.timeline-card,.path-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;margin-bottom:1rem}.path-examples{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.path-card h3,.timeline-card h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.path-card p,.timeline-card p{margin:0.5rem 0;color:rgba(255,255,255,0.9)}.decision-grid,.decision-framework{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:3rem 0}.good-fit,.perfect-fit,.perfect-candidate,.not-ideal,.considerations,.challenges,.consider-alternatives{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem}.good-fit h3,.perfect-fit h3,.perfect-candidate h3{color:#00D4AA;margin-top:0}.not-ideal h3,.considerations h3,.challenges h3,.consider-alternatives h3{color:#FF6B6B;margin-top:0}.example-stories,.example-scenarios{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:3rem 0}.story-card,.scenario-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem}.story-card h3,.scenario-card h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.scenario-details p{margin:0.5rem 0;color:rgba(255,255,255,0.9)}.age-examples{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;margin:3rem 0}.age-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;text-align:center}.age-card h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.math-examples{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin:3rem 0}.math-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem}.math-card h3{color:#00D4AA;margin-top:0;margin-bottom:1.5rem;text-align:center}.formula-explanation{margin:3rem 0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.formula-explanation{grid-template-columns:1fr 1fr;gap:2rem}}.formula-visual{text-align:center;margin:1.5rem 0}.formula-visual .math{font-family:'Monaco', 'Menlo', monospace;font-size:1.1rem;font-weight:600;background:rgba(0,212,170,0.1);color:#00D4AA;padding:1rem 1.5rem;border-radius:8px;border:1px solid rgba(0,212,170,0.2);display:inline-block}.journey-timeline{margin:3rem 0;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.journey-timeline{grid-template-columns:1fr 1fr;gap:2rem}}.journey-phase{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;margin-bottom:0}.journey-phase h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.benefits-section,.challenges-section{margin:3rem 0}.benefit-cards,.challenge-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;margin:2rem 0}.benefit-card,.challenge-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:1rem;text-align:center}.benefit-card h4{color:#00D4AA;margin:0 0 0.5rem 0;font-size:1rem}.challenge-card h4{color:#FF6B6B;margin:0 0 0.5rem 0;font-size:1rem}.benefit-card p,.challenge-card p{color:rgba(255,255,255,0.8);margin:0;font-size:0.9rem}.strategy-breakdown{margin:3rem 0}.strategy-visual{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;max-width:900px;margin:0 auto}@media (min-width: 768px){.strategy-visual{grid-template-columns:repeat(3, 1fr)}}.income-source{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s ease}.income-source:hover{background:rgba(255,255,255,0.08);transform:translateY(-3px)}.income-source h3{color:#00D4AA;margin:0 0 1rem 0;font-size:1.25rem;font-weight:600}.income-source p{color:rgba(255,255,255,0.9);margin:0 0 1.5rem 0;font-size:1rem;line-height:1.5}.visual-bar{height:8px;border-radius:4px;margin-top:1rem;position:relative;overflow:hidden}.visual-bar.investments{background:linear-gradient(90deg, #00D4AA 0%, #00B894 100%);width:70%;margin:0 auto}.visual-bar.part-time{background:linear-gradient(90deg, #FF6B6B 0%, #E55353 100%);width:35%;margin:0 auto}.visual-bar.total{background:linear-gradient(90deg, #9B59B6 0%, #8E44AD 100%);width:100%}.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:2rem;margin:3rem 0;max-width:1000px;margin-left:auto;margin-right:auto}@media (min-width: 768px){.jobs-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.jobs-grid{grid-template-columns:repeat(4, 1fr)}}.job-category{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;transition:all 0.3s ease}.job-category:hover{background:rgba(255,255,255,0.08);transform:translateY(-3px);border-color:rgba(0,212,170,0.3)}.job-category h3{color:#00D4AA;margin:0 0 1.5rem 0;font-size:1.25rem;font-weight:600;text-align:center;border-bottom:2px solid rgba(0,212,170,0.3);padding-bottom:0.75rem}.job-category ul{margin:0;padding:0;list-style:none}.job-category li{color:rgba(255,255,255,0.9);margin-bottom:0.75rem;padding:0.5rem 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.95rem;line-height:1.4;position:relative;padding-left:1rem}.job-category li:last-child{border-bottom:none;margin-bottom:0}.job-category li:before{content:"•";color:#00D4AA;font-weight:bold;position:absolute;left:0}.getting-started{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin:3rem 0}.step-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem;position:relative;text-align:center}.step-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg, #00D4AA, #00B894);color:#FFFFFF;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem}.step-card h3{color:#00D4AA;margin:1rem 0}.calculator-preview{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;text-align:center;margin:3rem 0}.calculator-preview h3{color:#00D4AA;margin-top:0;margin-bottom:1rem}.calculator-preview p{margin-bottom:2rem}@media (max-width: 768px){.philosophy-cards,.lifestyle-grid,.luxury-grid{grid-template-columns:1fr}.path-examples,.age-examples,.math-examples,.example-stories,.example-scenarios{grid-template-columns:1fr}.strategies-grid,.strategies-list{grid-template-columns:1fr}.benefit-cards,.challenge-cards{grid-template-columns:repeat(2, 1fr)}.getting-started{grid-template-columns:1fr}}.timeline-comparison{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;grid-column:1 / -1}.timeline-comparison h3{color:#00D4AA;margin:0 0 1.5rem 0;text-align:center}.timeline-bars{margin-bottom:1.5rem}.timeline-item{margin-bottom:1rem}.timeline-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem}.timeline-type{font-weight:600;color:#FFFFFF}.timeline-duration{font-size:0.9rem;color:rgba(255,255,255,0.8)}.timeline-bar{height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden}.timeline-progress{height:100%;border-radius:4px;transition:width 0.8s ease}.timeline-progress.barista-fire{background:linear-gradient(90deg, #00D4AA 0%, #00B894 100%)}.timeline-progress.traditional-fire{background:linear-gradient(90deg, #FF6B6B 0%, #E55353 100%)}.time-savings{text-align:center;margin-top:1rem}.savings-highlight{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, rgba(0,212,170,0.2), rgba(0,184,148,0.2));border:1px solid rgba(0,212,170,0.3);border-radius:20px;padding:0.75rem 1.5rem}.savings-icon{font-size:1.2rem}.savings-text{color:rgba(255,255,255,0.9);font-size:1rem}.strategy-breakdown-results{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem;grid-column:1 / -1}.strategy-breakdown-results h3{color:#00D4AA;margin:0 0 1.5rem 0;text-align:center}.strategy-breakdown-results .strategy-visual{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.strategy-breakdown-results .income-source{text-align:center}.strategy-breakdown-results .income-source h4{color:#00D4AA;margin:0 0 1rem 0;font-size:1.1rem}.income-amount{font-size:1.5rem;font-weight:700;color:#FFFFFF;margin-bottom:0.5rem}.income-percentage{font-size:0.9rem;color:rgba(255,255,255,0.7);margin-bottom:1rem}.strategy-breakdown-results .visual-bar{height:6px;border-radius:3px;margin:0 auto}.strategy-breakdown-results .visual-bar.investments{background:linear-gradient(90deg, #00D4AA 0%, #00B894 100%)}.strategy-breakdown-results .visual-bar.part-time{background:linear-gradient(90deg, #FF6B6B 0%, #E55353 100%)}@media (max-width: 768px){.strategy-breakdown-results .strategy-visual{grid-template-columns:1fr;gap:1.5rem}}.strategy-breakdown{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1)}.strategy-breakdown h3{color:#00D4AA;margin:0 0 1.5rem 0;text-align:center;font-size:1.25rem}.strategy-breakdown .strategy-visual{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.strategy-breakdown .income-source{text-align:center;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:12px;padding:1.5rem}.income-label{font-weight:600;color:#00D4AA;margin-bottom:1rem;font-size:1.1rem}.strategy-breakdown .income-amount{font-size:1.25rem;font-weight:700;color:#FFFFFF;margin-bottom:0.5rem}.strategy-breakdown .income-percentage{font-size:0.9rem;color:rgba(255,255,255,0.7)}@media (max-width: 768px){.strategy-breakdown .strategy-visual{grid-template-columns:1fr;gap:1.5rem}}
