body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App-header{background:linear-gradient(135deg,#d52b1e,#c41e3a);color:#fff;padding:2rem 1rem;text-align:center;box-shadow:0 4px 6px #0000001a}.App-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1.1rem;opacity:.95;font-weight:400}.App-main{max-width:700px;margin:0 auto;padding:2rem 1rem}.rent-form{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;font-size:1rem;color:#333;margin-bottom:.5rem}.form-group select,.form-group input[type=number]{width:100%;padding:.75rem;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;background:#fff;transition:border-color .3s}.form-group select:focus,.form-group input[type=number]:focus{outline:none;border-color:#d52b1e}.form-group select{cursor:pointer}.input-wrapper{position:relative}.currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;font-weight:600;color:#666}.form-group input[type=number]{padding-left:2.5rem}.radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.radio-label{display:flex;align-items:center;padding:.75rem 1rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s;background:#fff}.radio-label:hover{border-color:#d52b1e;background:#fff5f5}.radio-label input[type=radio]{margin-right:.5rem;cursor:pointer}.radio-label input[type=radio]:checked+span{font-weight:600;color:#d52b1e}.radio-label:has(input[type=radio]:checked){border-color:#d52b1e;background:#fff5f5}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{color:#fff;background:linear-gradient(135deg,#d52b1e,#c41e3a);box-shadow:0 4px 12px #d52b1e4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #d52b1e66}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #d52b1e4d}.btn-secondary{color:#d52b1e;background:#fff;border:2px solid #d52b1e;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover:not(:disabled){background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 12px #d52b1e33}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-tertiary{color:#666;background:#f5f5f5;border:1px solid #e0e0e0;box-shadow:none}.btn-tertiary:hover:not(:disabled){background:#e8e8e8;color:#333}.btn-large{padding:1rem 2rem;font-size:1.1rem}.btn-small{padding:.5rem 1rem;font-size:.9rem}.btn-block{width:100%;display:flex}.btn-icon{padding:.75rem;width:auto;aspect-ratio:1}.compare-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#d52b1e,#c41e3a);border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #d52b1e4d}.compare-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d52b1e66}.compare-button:active{transform:translateY(0)}.results-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;animation:slideIn .4s ease-out}.results-card h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem;text-align:center}.location-info{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.location-name{font-size:1.5rem;font-weight:700;color:#d52b1e;margin-bottom:.5rem}.location-details{font-size:1rem;color:#666}.rent-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.rent-item{text-align:center;padding:1.5rem;background:#f8f9fa;border-radius:8px}.rent-item .label{display:block;font-size:.9rem;color:#666;margin-bottom:.5rem;font-weight:500}.rent-item .amount{display:block;font-size:2rem;font-weight:700;color:#333}.difference-card{text-align:center;padding:2rem;border-radius:12px;margin-bottom:2rem}.results-card.overpaying .difference-card{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b}.results-card.underpaying .difference-card{background:linear-gradient(135deg,#f0fff4,#e5ffe5);border:2px solid #51cf66}.results-card.at-market .difference-card{background:linear-gradient(135deg,#fffbf0,#fff5e5);border:2px solid #ffd43b}.status-icon{font-size:3rem;margin-bottom:1rem}.difference-card h3{font-size:1.4rem;margin-bottom:1rem;color:#333}.difference-amount{font-size:2.2rem;font-weight:700;margin-bottom:1rem}.results-card.overpaying .difference-amount{color:#c92a2a}.results-card.underpaying .difference-amount{color:#2b8a3e}.results-card.at-market .difference-amount{color:#e67700}.percentage{font-size:1.2rem;font-weight:600;margin-left:.5rem;opacity:.8}.advice{font-size:1rem;color:#555;line-height:1.6;max-width:500px;margin:0 auto}.market-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.stat{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px}.stat-label{display:block;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:#d52b1e}.data-footer{text-align:center;padding:2rem 1rem;color:#666;font-size:.9rem}.data-footer p{margin-bottom:.5rem}.disclaimer{font-size:.8rem;color:#888;font-style:italic;max-width:600px;margin:1rem auto 0;line-height:1.5}@media (max-width: 768px){.App-header h1{font-size:2rem}.subtitle{font-size:1rem}.rent-form{padding:1.5rem}.radio-group{grid-template-columns:1fr}.rent-comparison{grid-template-columns:1fr;gap:1rem}.market-stats{grid-template-columns:1fr}.difference-amount{font-size:1.8rem}.rent-item .amount{font-size:1.5rem}}@media (max-width: 480px){.App-header h1{font-size:1.5rem}.App-main{padding:1rem .5rem}.rent-form,.results-card{padding:1rem}}.page-content{min-height:100vh}.info-page{max-width:900px}.info-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.info-section h2{color:#d52b1e;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.info-section h3{color:#333;font-size:1.3rem;margin-bottom:.75rem}.info-section p{line-height:1.7;color:#555;margin-bottom:1rem}.info-section ul,.info-section ol{list-style-position:inside;line-height:1.8;color:#555;margin-left:1rem}.info-section li{margin-bottom:.5rem}.tips-list{display:grid;gap:1.5rem}.tip-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;border-left:4px solid #d52b1e;transition:transform .2s ease,box-shadow .2s ease}.tip-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tip-card h3{color:#d52b1e;margin-bottom:1rem;font-size:1.2rem}.tip-card p{margin-bottom:.75rem}.tip-card ul{margin-top:.5rem}.warning-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:1.5rem}.warning-box ul{list-style:none;margin:0}.warning-box li{margin-bottom:.5rem;color:#856404}.success-box{background:#d4edda;border:2px solid #28a745;border-radius:8px;padding:1.5rem}.success-box p{color:#155724;margin-bottom:1rem}.success-box p:last-child{margin-bottom:0}.resource-box{background:#e7f3ff;border:2px solid #2196F3;border-radius:8px;padding:1.5rem}.resource-box h3{color:#1976d2;margin-top:1rem;margin-bottom:.5rem}.resource-box h3:first-child{margin-top:0}.resource-box p{color:#0d47a1}.resource-box ul{margin-top:.5rem}.resource-box li{color:#1565c0}.help-text{display:block;margin-top:.5rem;color:#6c757d;font-size:.9rem}.rent-increase-section{margin-top:1.5rem}.province-selector{margin-bottom:30px}.province-selector label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:8px}.province-dropdown{width:100%;max-width:350px;padding:10px 14px;font-size:1rem;border:2px solid #e0e0e0;border-radius:6px;background:#fff;cursor:pointer;transition:border-color .2s ease}.province-dropdown:hover{border-color:#d52b1e}.province-dropdown:focus{outline:none;border-color:#d52b1e;box-shadow:0 0 0 2px #d52b1e1a}.rent-increase-display h3{font-size:1.3rem;color:#d52b1e;margin-bottom:20px;font-weight:600}.increase-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.year-card{background:#fff;border:2px solid #d52b1e;padding:24px;border-radius:8px;text-align:center;transition:box-shadow .2s ease}.year-card:hover{box-shadow:0 2px 8px #d52b1e26}.year-card .year{font-size:1rem;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.year-card .percentage{font-size:2.2rem;font-weight:700;color:#d52b1e;margin:10px 0}.year-card .label{font-size:.85rem;color:#666;font-weight:500}.rent-increase-display .disclaimer{background:#fff5f5;padding:14px;border-radius:6px;border-left:3px solid #d52b1e;font-size:.9rem;color:#555;line-height:1.6;margin-top:0}@media (max-width: 768px){.province-dropdown{max-width:100%}.increase-cards{grid-template-columns:1fr}.year-card .percentage{font-size:2rem}}.tab-navigation{background:#fff;border-bottom:2px solid #e0e0e0;margin-bottom:2rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.tab-navigation button:hover{background:#f5f5f5}.tab-navigation button:active{transform:translateY(1px)}@media (max-width: 768px){.tab-navigation>div{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-navigation button{padding:.75rem 1rem;font-size:.85rem}}.result-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-card--overpaying{border-top:5px solid #ff6b6b}.result-card--underpaying{border-top:5px solid #51cf66}.result-card--at-market{border-top:5px solid #ffd43b}.result-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.result-header h2{font-size:1.6rem;color:#333;margin:0 0 .5rem;font-weight:700}.result-location{font-size:1rem;color:#d52b1e;margin:0;font-weight:600}.location-city{color:#999;font-weight:400}@media (max-width: 768px){.result-card{padding:1.5rem;margin-bottom:1.5rem}.result-header h2{font-size:1.3rem}.result-location{font-size:.9rem}}@media (max-width: 480px){.result-card{padding:1.25rem;border-radius:10px}.result-header{margin-bottom:1.25rem;padding-bottom:.75rem}.result-header h2{font-size:1.2rem}}.navbar{background:linear-gradient(135deg,#d52b1e,#b02318);padding:0;margin:0;border-bottom:3px solid #a01e16;box-shadow:0 4px 12px #00000026;position:sticky;top:0;z-index:1000;transition:box-shadow .3s ease}.navbar.scrolled{box-shadow:0 6px 20px #00000040}.nav-container{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.nav-brand{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;color:#fff;font-weight:700;font-size:1.2rem}.brand-icon{font-size:1.5rem}.brand-text{display:none}@media (min-width: 768px){.brand-text{display:inline}}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.nav-links li{margin:0}.nav-link{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:1rem 1.25rem;font-weight:500;font-size:.95rem;transition:all .3s ease;white-space:nowrap;border-radius:6px 6px 0 0;position:relative}.nav-icon{font-size:1.2rem}.nav-text{display:none}@media (min-width: 768px){.nav-text{display:inline}}.nav-link:hover{background-color:#ffffff26;transform:translateY(-2px)}.nav-link.active{background-color:#ffffff40;font-weight:600;border-bottom:3px solid white}.nav-link.active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:#fff;box-shadow:0 0 8px #fff9}@media (max-width: 767px){.nav-container{flex-direction:column;padding:.5rem}.nav-brand{padding:.5rem 0}.nav-links{width:100%;justify-content:space-around;gap:0}.nav-link{flex-direction:column;padding:.75rem .5rem;text-align:center;gap:.25rem;font-size:.75rem;flex:1}.nav-icon{font-size:1.5rem}.nav-text{display:block;font-size:.7rem}}@media (max-width: 480px){.nav-link{padding:.5rem .25rem}.nav-icon{font-size:1.3rem}.nav-text{font-size:.65rem}}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:1500;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:#fff;border-top:2px solid #d52b1e;box-shadow:0 -2px 10px #0000001f;padding:.9rem 1rem}.consent-banner-text{margin:0;color:#333;line-height:1.4;font-size:.9rem}.consent-banner-text a{color:#d52b1e;font-weight:600}@media (max-width: 768px){.consent-banner{flex-direction:column;align-items:flex-start}}.ad-slot-wrapper{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:.75rem;margin:2rem 0}.ad-slot-label{margin:0 0 .5rem;font-size:.8rem;color:#666;text-transform:uppercase;letter-spacing:.06em}.ad-slot{min-height:90px}