.home{width:100%;padding:0}.hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:6rem 2rem;text-align:center;color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.quick-nav{padding:1.5rem 2rem .75rem;border-bottom:1px solid #e0e0e0;background:#f9fafb}.quick-nav-inner{display:flex;gap:.75rem;flex-wrap:wrap;max-width:1200px;margin:0 auto;align-items:center}.quick-nav-button{border-radius:999px;border:1px solid rgba(102,126,234,.18);padding:.45rem 1.4rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background-color:#fff;color:#213547;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .1s ease}.quick-nav-button:hover{background-color:#f5f5f5;border-color:#cbd5f5;transform:translateY(-1px)}.quick-nav-button.secondary{border-color:#667eea1f;background-color:#f1f5ff}.quick-nav-button.secondary:hover{background-color:#e0e7ff}.highlight{background:linear-gradient(120deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;margin-bottom:3rem;opacity:.95;line-height:1.6;max-width:700px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;justify-content:center;gap:4rem;margin-bottom:3rem;flex-wrap:wrap}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.9;text-transform:uppercase;letter-spacing:1px}.hero-cta{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#667eea;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.filters{background:#f5f5f5;padding:2rem;border-bottom:1px solid #e0e0e0}.filters-container{max-width:1200px;margin:0 auto;display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.search-box{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:#21354780;pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#213547;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.sort-box{display:flex;align-items:center;gap:.75rem}.sort-box label{color:#ffffffb3;font-size:.9rem}.sort-select{padding:.875rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#213547;font-size:1rem;cursor:pointer;transition:border-color .2s}.sort-select:focus{outline:none;border-color:#667eea}.cities-section{padding:4rem 2rem;max-width:1400px;margin:0 auto}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.show-more-container{margin-top:2rem;text-align:center}.show-more-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.75rem;border-radius:999px;border:1px solid #d1d5db;background-color:#fff;color:#111827;font-size:.95rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background-color .2s ease,border-color .2s ease,transform .1s ease,box-shadow .2s ease}.show-more-button:hover{background-color:#f9fafb;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.city-card{background:#fff;border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;border:1px solid #e0e0e0;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;cursor:pointer}.city-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea}.city-image-container{position:relative;width:100%;height:220px;overflow:hidden}.city-image{width:100%;height:100%;object-fit:cover;transition:transform .3s;background:linear-gradient(135deg,#667eea,#764ba2)}.city-image[loading=lazy]{background:linear-gradient(135deg,#667eea,#764ba2)}.city-card:hover .city-image{transform:scale(1.05)}.city-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000000b3);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.city-header{display:flex;justify-content:space-between;align-items:flex-start}.city-location{display:flex;gap:.75rem;align-items:center}.city-flag{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-right:.75rem}.city-name{margin:0;font-size:1.5rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.city-months-badge{font-size:.75rem;font-weight:500;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem .5rem;border-radius:6px;color:#ffffffe6;white-space:nowrap}.city-country{margin:.25rem 0 0;font-size:.9rem;color:#fffc}.city-families{text-align:right;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem .75rem;border-radius:8px}.families-count{display:block;font-size:1.25rem;font-weight:700;color:#fff}.families-label{display:block;font-size:.75rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.city-content{padding:1rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column;background:#fff}.city-metrics{display:flex;gap:1.5rem;margin-bottom:0;justify-content:space-between}.metric{flex:1}.metric:last-child{margin-left:auto;text-align:right;flex:0 0 auto}.metric:last-child .metric-label,.metric:last-child .metric-value{text-align:right}.metric-label{font-size:.75rem;color:#21354780;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.metric-value{font-size:1.5rem;font-weight:700}.cost-value{display:flex;flex-direction:column;gap:.25rem}.cost-label{font-size:.75rem;font-weight:400;opacity:.7}.city-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;margin-bottom:1.5rem}.detail-item{font-size:.85rem}.detail-item{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem}.detail-icon{font-size:1.1rem}.schools-section{padding:4rem 2rem;max-width:1400px;margin:0 auto;background:#f5f5f5}.schools-header{text-align:center;margin-bottom:3rem}.schools-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.schools-subtitle{font-size:1.1rem;color:#213547b3;max-width:600px;margin:0 auto}.schools-filters{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;align-items:center}.schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:2rem}.school-card{background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e0e0e0;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column;box-shadow:0 2px 8px #0000001a}.school-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea}.school-image-container{position:relative;width:100%;height:180px;overflow:hidden}.school-image{width:100%;height:100%;object-fit:cover;transition:transform .3s;background:linear-gradient(135deg,#667eea,#764ba2)}.school-image[loading=lazy]{background:linear-gradient(135deg,#667eea,#764ba2)}.school-card:hover .school-image{transform:scale(1.05)}.school-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000004d,#000000b3)}.school-upcoming-badge{background:#10b981;color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #10b9814d}.school-type-badge{color:#fff;padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0003}.school-content{padding:1.5rem;display:flex;flex-direction:column;flex:1}.school-header{margin-bottom:1.25rem}.school-title-section{display:flex;flex-direction:column;gap:.25rem}.school-name{margin:0;font-size:1.35rem;font-weight:700;color:#213547;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.school-session-name{font-size:1rem;font-weight:500;color:#213547b3}.school-location{display:flex;gap:.75rem;align-items:center;flex:1}.school-flag{font-size:2rem;line-height:1}.school-flag-small{font-size:1rem;margin-right:.5rem;vertical-align:middle}.school-location-text{margin:.25rem 0 0;font-size:.9rem;color:#21354799}.school-rating{font-size:1.5rem;font-weight:700;min-width:50px;text-align:right}.school-details{flex:1;margin-bottom:1.25rem}.school-detail-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 0;border-bottom:1px solid #f0f0f0}.school-detail-row:last-child{border-bottom:none}.school-detail-icon{color:#667eea;margin-top:.125rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;overflow:visible}.school-detail-icon svg{width:18px;height:18px;display:block;flex-shrink:0;overflow:visible}.school-detail-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.school-detail-label{font-size:.75rem;color:#21354780;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.school-detail-value{font-size:.95rem;color:#213547;font-weight:500;line-height:1.4}.school-detail-value-with-flag{display:flex;align-items:center;gap:.5rem}.school-note{background:#f9fafb;border-left:3px solid #667eea;padding:1rem;border-radius:8px;margin-bottom:1.25rem}.school-note p{margin:0;font-size:.9rem;color:#213547cc;line-height:1.5}.school-cost{color:#10b981;font-weight:600}.school-website-link{display:inline-block;margin-top:auto;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:10px;font-weight:600;text-align:center;transition:transform .2s,box-shadow .2s;font-size:.95rem}.school-website-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cta-section{background:linear-gradient(135deg,#f5f5f5,#fff);padding:5rem 2rem;text-align:center;border-top:1px solid #e0e0e0}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:#213547b3;margin-bottom:2rem}.cta-button-large{display:inline-block;padding:1.25rem 3rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #667eea4d}.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.hero{padding:4rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.quick-nav{padding:1rem 1.25rem .5rem}.quick-nav-inner{flex-direction:column}.quick-nav-button{width:100%;text-align:center;justify-content:center}.hero-stats{gap:2rem}.stat-number{font-size:2rem}.filters-container{flex-direction:column;align-items:stretch}.search-box{min-width:100%}.cities-grid{grid-template-columns:1fr;gap:1.5rem}.cities-section{padding:2rem 1rem}.schools-grid{grid-template-columns:1fr;gap:1.5rem}.schools-title{font-size:2rem}.schools-filters{flex-direction:column;align-items:stretch}.cta-content h2{font-size:2rem}}@media (prefers-color-scheme: light){.filters{background:#f5f5f5;border-bottom:1px solid #e0e0e0}.search-input,.sort-select{background:#fff;border-color:#e0e0e0;color:#213547}.city-card{background:#fff;border-color:#e0e0e0}.city-months-badge{background:#667eea1a;color:#213547}.metric-label{color:#21354780}.city-metrics{border-bottom-color:#e0e0e0}.detail-item{color:#213547b3}.cta-section{background:linear-gradient(135deg,#f5f5f5,#fff);border-top-color:#e0e0e0}.cta-content p{color:#213547b3}.schools-section{background:#f5f5f5}.school-card{background:#fff;border-color:#e0e0e0}.school-name{color:#213547}.school-location-text{color:#21354799}.school-detail-label{color:#21354780}.school-detail-value{color:#213547}.school-detail-row,.school-header{border-bottom-color:#e0e0e0}.school-card:hover{border-color:#667eea}}.city-detail{max-width:1200px;margin:0 auto;padding:2rem}.city-detail-header{margin-bottom:3rem}.back-button{display:inline-block;margin-bottom:1.5rem;color:#213547b3;text-decoration:none;font-size:.95rem;transition:color .2s}.back-button:hover{color:#213547}.city-detail-title{display:flex;align-items:center;gap:1rem}.city-detail-flag{font-size:3rem;line-height:1}.city-detail-title h1{margin:0;font-size:2.5rem;font-weight:700;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.city-detail-country{margin:.5rem 0 0;font-size:1.1rem;color:#213547b3}.city-detail-content{display:flex;flex-direction:column;gap:3rem}.city-detail-main-score{display:flex;justify-content:center}.main-score-card{background:#fff;padding:3rem;border-radius:20px;text-align:center;border:1px solid #e0e0e0;min-width:300px;box-shadow:0 4px 12px #0000001a}.main-score-label{font-size:1.1rem;color:#213547b3;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.main-score-months-badge{display:inline-block;padding:.25rem .75rem;background:#667eea1a;color:#667eea;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:none;letter-spacing:0;border:1px solid rgba(102,126,234,.2)}.main-score-value{font-size:4rem;font-weight:700;margin-bottom:.5rem}.main-score-scale{font-size:.9rem;color:#21354780}.city-detail-scores{background:#f5f5f5;padding:2.5rem;border-radius:16px;border:1px solid #e0e0e0}.city-detail-scores h2{margin:0 0 .5rem;font-size:2rem}.scores-description{color:#21354799;margin-bottom:2rem;font-size:.95rem}.scores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.score-card{background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 8px #0000001a}.score-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.score-icon-label{display:flex;gap:.75rem;align-items:flex-start;flex:1}.score-icon{font-size:1.5rem;line-height:1}.score-name{font-size:1rem;font-weight:600;color:#213547;margin-bottom:.25rem}.score-description{font-size:.8rem;color:#21354780;line-height:1.4}.score-number{font-size:2rem;font-weight:700;min-width:50px;text-align:right}.score-bar-container{margin-top:1rem}.score-bar-background{width:100%;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.score-bar-fill{height:100%;border-radius:6px;transition:width .3s ease}.score-scale-labels{display:flex;justify-content:space-between;font-size:.75rem;color:#21354766}.city-detail-reviews{background:#f5f5f5;padding:2.5rem;border-radius:16px;border:1px solid #e0e0e0}.reviews-header{margin-bottom:1.5rem}.city-detail-reviews h2{margin:0 0 .5rem;font-size:2rem;color:#213547}.reviews-subtitle{margin:0;font-size:.95rem;color:#21354799}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.review-item{background:#fff;padding:1.25rem 1.5rem;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000f;position:relative}.review-pill{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:.2rem .55rem;border-radius:999px;margin-bottom:.5rem}.review-pill-pro{background:#10b9811a;color:#047857}.review-pill-con{background:#ef444414;color:#b91c1c}.review-pill-warning{background:#f59e0b1a;color:#b45309}.review-content{margin:0 0 .4rem;font-size:.95rem;line-height:1.6;color:#213547}.review-source{margin:0;font-size:.8rem;color:#21354780}@media (max-width: 768px){.city-detail{padding:1rem}.city-detail-title h1{font-size:2rem}.scores-grid{grid-template-columns:1fr}.main-score-card{padding:2rem}.main-score-value{font-size:3rem}}@media (prefers-color-scheme: light){.back-button{color:#213547b3}.back-button:hover{color:#213547}.city-detail-country{color:#213547b3}.main-score-card{background:#fff;border-color:#e0e0e0}.main-score-label{color:#213547b3}.main-score-scale{color:#21354780}.city-detail-scores{background:#fff;border-color:#e0e0e0}.scores-description{color:#21354799}.score-card{background:#f9f9f9;border-color:#e0e0e0}.score-name{color:#213547}.score-description{color:#21354780}.score-bar-background{background:#e0e0e0}.score-scale-labels{color:#21354766}}.app{width:100%;min-height:100vh}.navbar{background-color:#fff;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;color:#646cff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#213547;text-decoration:none;transition:color .25s}.nav-links a:hover{color:#646cff}.user-email{color:#21354799;font-size:.9rem}.sign-out-btn{padding:.5rem 1rem;font-size:.9rem}.main-content{width:100%;min-height:calc(100vh - 80px)}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#213547}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff;background-color:#f0f0f0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}