.score-settings-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00daff;color:#004554;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .2s}.score-settings-button:hover{background:#00bfdc}.score-settings-count-badge{opacity:.9;font-weight:600}.score-settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.score-settings-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.score-settings-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.score-settings-header h3{margin:0;font-size:1.5rem;font-weight:700;color:#004554}.score-settings-close{background:none;border:none;font-size:2rem;line-height:1;color:#004554;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.score-settings-close:hover{background:#f3f4f6;color:#374151}.score-settings-content{padding:1.5rem}.score-settings-description{margin:0 0 1.5rem;color:#004554;line-height:1.6}.score-settings-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.score-settings-action-btn{padding:.5rem 1rem;background:#f0fdfa;color:#004554;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.score-settings-action-btn:hover{background:#00daff;color:#004554}.score-settings-count{margin-left:auto;color:#004554;font-size:.875rem}.score-settings-list{display:flex;flex-direction:column;gap:.75rem}.score-settings-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.score-settings-item:hover{border-color:#e0e0e0;background:#f0fdfa}.score-settings-item input[type=checkbox]{margin-top:.25rem;width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#00daff}.score-settings-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.score-settings-item-content{flex:1;display:flex;justify-content:space-between;align-items:center}.score-settings-item-label{font-weight:500;color:#004554}.score-settings-item-weight{font-size:.875rem;color:#004554}@media (max-width: 640px){.score-settings-modal{max-width:100%;margin:1rem}.score-settings-actions{flex-wrap:wrap}.score-settings-count{width:100%;margin-left:0;margin-top:.5rem}}.home{width:100%;padding:0}.hero{background:linear-gradient(135deg,#19c7e8,#8bedff,#7de8f9);padding:5rem 2rem 4rem;color:#023049;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-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:3rem}.hero-content{max-width:640px}.hero-copy{text-align:left}.hero-title{font-size:3.25rem;font-weight:800;margin-top:0;margin-bottom:1.75rem;line-height:1.1;color:#004554}.quick-nav{padding:2rem 2rem 1rem;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{padding:.5rem 1rem;background:#00daff;color:#004554;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s;text-transform:none;letter-spacing:normal}.quick-nav-button:hover{background:#00bfdc;color:#004554}.highlight{color:inherit}.hero-subtitle{font-size:1.25rem;margin-bottom:0;opacity:.98;font-weight:600;line-height:1.6;max-width:560px;margin-left:0;margin-right:0;color:#004554}.hero-visual{flex:0 0 320px;display:flex;justify-content:flex-end;margin-top:.5rem}.hero-visual-card{background:transparent;border-radius:0;padding:0;box-shadow:none;display:flex;align-items:center;justify-content:center}.hero-birds-image{display:block;width:320px;height: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:.5rem 1rem;background:#00daff;color:#004554;text-decoration:none;border-radius:6px;font-weight:700;font-size:.9rem;transition:background-color .2s}.hero-cta:hover{background:#00bfdc;color:#004554}.filters{background:transparent;padding:2rem;border-bottom:none}.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:#004554;font-size:1rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#e0e0e0}.sort-box{display:flex;align-items:center;gap:.75rem}.sort-box label{color:#004554;font-size:.9rem}.sort-select{padding:.875rem 1.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#004554;font-size:1rem;cursor:pointer;transition:border-color .2s}.sort-select:focus{outline:none;border-color:#e0e0e0}.cities-section{padding:0 2rem 4rem;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:.5rem 1rem;border-radius:6px;border:none;background:#00daff;color:#004554;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .2s}.show-more-button:hover{background:#00bfdc}.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:#004554;cursor:pointer}.city-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#e0e0e0;color:#004554}.city-image-container{position:relative;width:100%;height:220px;overflow:hidden}.city-popularity-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:10;padding:.35rem .75rem;background:#f59e0b;color:#fff;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 6px #f59e0b66;white-space:nowrap}.city-image{width:100%;height:100%;object-fit:cover;transition:transform .3s;background-color:#0f766e}.city-image[loading=lazy]{background-color:#0f766e}.city-card:hover .city-image{transform:scale(1.05)}.city-overlay{position:absolute;top:0;left:0;right:0;bottom:0;padding:.9rem .9rem 0;display:flex;align-items:flex-start;justify-content:flex-start;pointer-events:none}.city-header-pill{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#f8fafcf5;border-radius:999px;padding:.4rem .9rem .4rem 1.1rem;box-shadow:0 6px 18px #0f172a4d;pointer-events:auto}.city-header-text{display:flex;flex-direction:column;gap:.2rem}.city-name{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.city-months-badge{font-size:.75rem;font-weight:500;background:#3b82f614;padding:.18rem .55rem;border-radius:999px;color:#1d4ed8;white-space:nowrap}.city-flag-circle{font-size:1.1rem;line-height:1;display:inline-block;width:1.8rem;height:1.8rem;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid #e5e7eb;background-color:#f9fafb;background-size:cover!important;background-position:center!important}.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:transparent}.schools-header{text-align:center;margin-bottom:3rem}.schools-title{font-size:2.5rem;font-weight:700;margin-top:0;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:#e0e0e0}.school-image-container{position:relative;width:100%;height:180px;overflow:hidden}.school-image{width:100%;height:100%;object-fit:cover;transition:transform .3s;background-color:#0f766e}.school-image[loading=lazy]{background-color:#0f766e}.school-card:hover .school-image{transform:scale(1.05)}.school-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent}.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:#004554;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;display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden;flex-shrink:0;background-size:cover!important;background-position:center!important}.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:#14b8a6;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:#004554;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 #e0e0e0;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:.5rem 1rem;background:#00daff;color:#004554;text-decoration:none;border-radius:6px;font-weight:700;text-align:center;transition:background-color .2s;font-size:.9rem}.school-website-link:hover{background:#00bfdc;color:#004554}.cta-section{background-color:transparent;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;color:#004554}.cta-content p{font-size:1.1rem;color:#004554;margin-bottom:2rem}.cta-button-large{display:inline-block;padding:1.25rem 3rem;background-color:#00daff;color:#004554;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}.coming-soon-section{background-color:transparent;padding:4rem 2rem;text-align:center;border-top:1px solid #e0e0e0}.coming-soon-content{max-width:800px;margin:0 auto}.coming-soon-title{font-size:2rem;font-weight:700;color:#004554;margin-bottom:1rem}.coming-soon-text{font-size:1.1rem;color:#004554;line-height:1.6;margin:0}@media (max-width: 768px){.hero{padding:3.5rem 1.5rem 3rem}.hero-inner{flex-direction:column;gap:2rem}.hero-copy{text-align:left}.hero-title{font-size:2.4rem}.hero-subtitle{font-size:1.1rem}.hero-visual{justify-content:center}.hero-birds-image{width:260px}.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}.coming-soon-section{padding:3rem 1.5rem}.coming-soon-title{font-size:1.75rem}.coming-soon-text{font-size:1rem}}@media (prefers-color-scheme: light){.filters{background:#f5f5f5;border-bottom:1px solid #e0e0e0}.search-input,.sort-select{background:#fff;border-color:#e0e0e0;color:#004554}.city-card{background:#fff;border-color:#e0e0e0}.city-months-badge{background:#667eea1a;color:#004554}.metric-label{color:#21354780}.city-metrics{border-bottom-color:#e0e0e0}.detail-item{color:#213547b3}.cta-section{background-color:#f5f5f5;border-top-color:#e0e0e0}.cta-content p{color:#213547b3}.schools-section{background:#f5f5f5}.school-card{background:#fff;border-color:#e0e0e0}.school-name{color:#004554}.school-location-text{color:#21354799}.school-detail-label{color:#21354780}.school-detail-value{color:#004554}.school-detail-row,.school-header{border-bottom-color:#e0e0e0}.school-card:hover{border-color:#e0e0e0}}.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:#004554}.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:#14b8a6;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:#004554;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:#004554}.reviews-subtitle{margin:0;font-size:.95rem;color:#21354799}.reviews-list{display:flex;flex-direction:column;gap:1.25rem}.city-detail-essentials{margin-top:3rem;background:#f9fafb;padding:2.5rem;border-radius:16px;border:1px solid #e0e0e0}.city-detail-essentials h2{margin:0 0 .5rem;font-size:2rem;color:#004554}.essentials-description{margin:0 0 2rem;color:#213547b3;font-size:.95rem}.essentials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.essentials-section h3{margin:0 0 .75rem;font-size:1.1rem;color:#0f766e;display:flex;align-items:center;gap:.5rem}.essentials-section-icon{display:inline-flex;align-items:center;justify-content:center;color:#14b8a6}.essentials-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.essentials-item{background:#fff;border-radius:10px;padding:.75rem .9rem;border:1px solid #e0e0e0}.essentials-item-main{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.essentials-item-name{font-weight:600;color:#111827}.essentials-item-link{font-size:.85rem;color:#14b8a6;text-decoration:none;font-weight:500}.essentials-item-link:hover{text-decoration:underline}.essentials-item-description{margin:.35rem 0 0;font-size:.9rem;color:#374151e6}.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:#004554}.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:#004554}.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:#004554}.score-description{color:#21354780}.score-bar-background{background:#e0e0e0}.score-scale-labels{color:#21354766}}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem}.login-card{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;border:1px solid #e0e0e0}.login-card h2{margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#004554;font-size:1rem;box-sizing:border-box}.submit-button{width:100%;padding:.75rem;background-color:#646cff;color:#004554;border:none;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .25s}.submit-button:hover:not(:disabled){background-color:#535bf2}.error-message{background-color:#f44;color:#fff;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.toggle-mode{margin-top:1.5rem;text-align:center}.toggle-button{background:none;border:none;color:#004554;cursor:pointer;text-decoration:underline;padding:0;font-size:inherit}.toggle-button:hover{color:#00daff}@media (prefers-color-scheme: light){.login-card{background-color:#fff;box-shadow:0 4px 6px #0000001a}.form-group input{background-color:#fff;color:#004554;border-color:#e0e0e0}}.travel-plan{width:100%;min-height:calc(100vh - 80px);padding:2rem;background:transparent;box-sizing:border-box;overflow-x:hidden}.travel-plan-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;width:100%}.travel-plan-container h1{margin:0 0 .5rem;color:#004554;font-size:2rem}.travel-plan-description{color:#004554;margin-bottom:2rem;line-height:1.6}.error-message{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.result-message{background:#f0fdfa;border:1px solid #14b8a6;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.result-message h3{margin:0 0 1rem;color:#004554;font-size:1.25rem}.travel-plan-result{display:flex;flex-direction:column;gap:2rem;max-width:100%;box-sizing:border-box;overflow-x:hidden}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-header h2{margin:0;color:#004554;font-size:1.75rem}.result-summary,.result-itinerary{background:#f0fdfa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem}.result-summary h3,.result-itinerary h3{margin:0 0 1rem;color:#004554;font-size:1.25rem}.result-summary p,.itinerary-content p{margin:.5rem 0;line-height:1.6;color:#004554}.result-cities,.result-hubs{margin-top:1rem}.result-cities h3,.result-hubs h3{margin:0 0 1.5rem;color:#004554;font-size:1.5rem}.recommended-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;margin-bottom:2rem}.recommended-city-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;border:1px solid #e0e0e0}.recommended-city-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.recommended-city-card.external{border:2px dashed #14b8a6}.city-card-link{text-decoration:none;color:inherit;display:block}.recommended-city-image-container{position:relative;width:100%;height:200px;overflow:hidden}.recommended-city-image{width:100%;height:100%;object-fit:cover}.recommended-city-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#14b8a6,#0f766e);display:flex;align-items:center;justify-content:center}.placeholder-icon{font-size:3rem}.recommended-city-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000008c;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.recommended-city-name{margin:0;font-size:1.5rem;font-weight:700;color:#fff;text-align:center}.recommended-city-country{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;margin-top:.5rem}.recommended-city-flag{width:20px;height:15px;border-radius:2px}.recommended-city-content{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.recommended-city-score,.recommended-city-timing{display:flex;justify-content:space-between;font-size:.95rem;margin-bottom:.5rem;padding:.5rem;background:#f0fdfa;border-radius:6px;border-left:3px solid #14b8a6}.recommended-city-duration{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.recommended-city-cost{display:flex;justify-content:space-between;font-size:.9rem}.score-label,.cost-label,.duration-label,.timing-label{color:#004554;font-weight:500}.score-value,.cost-value{color:#004554;font-weight:600}.cost-note{font-size:.75rem;color:#004554;font-weight:400;font-style:italic;margin-left:.25rem}.recommended-city-reasons{padding:1rem;background:#f9fafb;border-top:1px solid #e0e0e0;font-size:.9rem}.recommended-city-reasons strong{color:#004554;display:block;margin-bottom:.5rem}.recommended-city-reasons ul{margin:0;padding-left:1.25rem;color:#004554}.recommended-city-reasons li{margin:.25rem 0}.recommended-city-match-score{padding:.5rem 1rem;background:#f0fdfa;text-align:center;font-size:.85rem;color:#004554;font-weight:600}.external-badge{display:inline-block;padding:.25rem .75rem;background:#f59e0b;color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin:.5rem 1rem}.recommended-hubs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem;margin-bottom:2rem}.recommended-hub-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:transform .3s,box-shadow .3s}.recommended-hub-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.recommended-hub-header{margin-bottom:1rem}.recommended-hub-name{margin:0 0 .5rem;color:#004554;font-size:1.25rem;font-weight:600}.recommended-hub-session{margin:0;color:#004554;font-size:.9rem;font-style:italic}.recommended-hub-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.recommended-hub-location{display:flex;align-items:center;gap:.5rem;color:#004554;font-weight:500}.recommended-hub-flag{width:20px;height:15px;border-radius:2px}.recommended-hub-timing{display:flex;gap:.5rem;font-size:.95rem;padding:.5rem;background:#f0fdfa;border-radius:6px;border-left:3px solid #14b8a6;margin-bottom:.5rem}.recommended-hub-duration{display:flex;gap:.5rem;font-size:.9rem;color:#004554}.duration-label,.timing-label{font-weight:600;color:#004554}.duration-value{color:#004554;font-weight:600}.timing-value{color:#004554;font-weight:700}.recommended-hub-dates{display:flex;gap:.5rem;font-size:.9rem;color:#004554}.date-label{font-weight:600;color:#004554}.recommended-hub-link{display:inline-block;padding:.5rem 1rem;background:#00daff;color:#004554;text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:background-color .2s;width:fit-content}.recommended-hub-link:hover{background:#00bfdc;color:#004554}.recommended-hub-reasons{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0;font-size:.9rem}.recommended-hub-reasons strong{color:#004554;display:block;margin-bottom:.5rem}.recommended-hub-reasons ul{margin:0;padding-left:1.25rem;color:#004554}.recommended-hub-reasons li{margin:.25rem 0}.result-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.travel-plan-form{display:flex;flex-direction:column;gap:2rem;max-width:100%;box-sizing:border-box}.form-section{padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.form-section:last-of-type{border-bottom:none}.form-section h2{margin:0 0 1.5rem;color:#004554;font-size:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=date]{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s;box-sizing:border-box;width:100%;max-width:100%}.form-group input:focus{outline:none;border-color:#e0e0e0}.tags-input{display:flex;flex-direction:column;gap:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#f0fdfa;color:#004554;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-weight:500}.tag-remove{background:none;border:none;color:#004554;cursor:pointer;font-size:1.2rem;line-height:1;padding:0;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s}.tag-remove:hover{background:#00bfdc;color:#004554}.tag-input-group{display:flex;gap:.5rem}.tag-input-group input{flex:1;box-sizing:border-box}.tag-input-group .btn-primary{flex-shrink:0}.checkbox-group{margin-top:1rem}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#00daff}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions .btn-primary{text-decoration:none;font-size:1rem;padding:.75rem 1.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#004554}.ai-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-loading-content{background:#fff;border-radius:16px;padding:3rem;max-width:500px;width:90%;text-align:center;box-shadow:0 20px 60px #0000004d}.ai-loading-content h3{margin:0 0 1rem;color:#004554;font-size:1.5rem;font-weight:600}.ai-loading-message{color:#004554;margin:0 0 2rem;font-size:1rem}.ai-loading-note{color:#004554;margin:1.5rem 0 0;font-size:.85rem;font-style:italic}.ai-loading-spinner{display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;width:80px;height:80px;position:relative}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#e0e0e0;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#e0e0e0}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#e0e0e0}.spinner-ring:nth-child(4){animation-delay:0s;border-top-color:#e0e0e0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-loading-steps{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;text-align:left}.loading-step{display:flex;align-items:center;gap:.75rem;color:#004554;font-size:.95rem;transition:color .3s}.loading-step.active{color:#004554;font-weight:500}.loading-step.active .step-icon{color:#004554;font-weight:700}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f0fdfa;color:#004554;font-size:.75rem;flex-shrink:0}.loading-step.active .step-icon{background:#00daff;color:#fff;animation:pulse 1.5s ease-in-out infinite}.step-icon.spinning{animation:spin-icon 1s linear infinite!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.ai-loading-content{padding:2rem 1.5rem}.ai-loading-content h3{font-size:1.25rem}.ai-loading-spinner{width:60px;height:60px;margin-bottom:1.5rem}.ai-loading-steps{gap:.75rem}.loading-step{font-size:.9rem}}@media (max-width: 768px){.travel-plan{padding:1rem}.travel-plan-container{padding:1rem;border-radius:8px}.travel-plan-container h1{font-size:1.5rem}.form-actions{flex-direction:column}.form-actions .btn-primary{width:100%;text-align:center}.recommended-cities-grid,.recommended-hubs-grid{grid-template-columns:1fr;gap:1rem}.result-header{flex-direction:column;align-items:flex-start;gap:1rem}.result-header .btn-primary{width:100%}}.not-found{width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:#f9fafb}.not-found-container{text-align:center;max-width:600px}.not-found-container h1{font-size:8rem;font-weight:800;margin:0;color:#14b8a6;line-height:1}.not-found-container h2{font-size:2rem;margin:1rem 0;color:#004554}.not-found-container p{font-size:1.1rem;color:#213547b3;margin-bottom:2rem}.not-found-container .btn-primary{text-decoration:none;display:inline-block}@media (max-width: 768px){.not-found-container h1{font-size:5rem}.not-found-container h2{font-size:1.5rem}}.submission-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.submission-modal{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d}.submission-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#21354799;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;z-index:10}.submission-modal-close:hover{background-color:#f5f5f5;color:#004554}.submission-modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #e0e0e0}.submission-modal-header h2{margin:0;font-size:1.75rem;color:#004554}.submission-tabs{display:flex;border-bottom:1px solid #e0e0e0;padding:0 2rem;gap:.5rem}.submission-tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;color:#004554;font-weight:500;transition:all .2s;font-size:.95rem}.submission-tab:hover{color:#004554;background-color:#f9f9f9}.submission-tab.active{color:#00daff;border-bottom-color:#e0e0e0;background-color:#f8f9ff}.submission-modal-content{padding:2rem}.submission-success{background:#d1fae5;color:#065f46;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.submission-error{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.submission-form{display:flex;flex-direction:column;gap:1.5rem}.form-section-title{font-size:1.1rem;font-weight:600;color:#004554;margin-top:.5rem;margin-bottom:.5rem}.submission-scores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#004554;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e0e0e0}.form-group textarea{resize:vertical;min-height:100px}.submit-button{padding:.5rem 1rem;background:#00daff;color:#004554;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s;margin-top:1rem}.submit-button:hover:not(:disabled){background:#00bfdc}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.submission-modal{max-width:100%;max-height:95vh}.submission-modal-header{padding:1.5rem 1.5rem 1rem}.submission-modal-header h2{font-size:1.5rem}.submission-tabs{padding:0 1rem;flex-wrap:wrap}.submission-tab{padding:.75rem 1rem;font-size:.85rem}.submission-modal-content{padding:1.5rem}.submission-scores-grid{grid-template-columns:1fr}}.app{width:100%;min-height:100vh;overflow-x:hidden;box-sizing:border-box}.navbar{background-color:#fff1e2;padding:1rem 2rem;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;box-sizing:border-box}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-contribute-button{padding:.5rem 1rem;background:#00daff;color:#004554;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s}.nav-contribute-button:hover{background:#00bfdc}.nav-logo{font-size:1.5rem;font-weight:700;color:#004554;text-decoration:none}.nav-links{display:flex;gap:1.5rem;align-items:center}.nav-links a{color:#004554;text-decoration:none;font-weight:700;transition:color .25s}.nav-links a:hover{color:#00daff}.nav-link-button{background:none;border:none;padding:0;margin:0;font:inherit;color:#004554;font-weight:700;cursor:pointer;transition:color .25s}.nav-link-button:hover{color:#00daff}.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);overflow-x:hidden;box-sizing:border-box}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#004554}@media (max-width: 768px){.navbar{padding:1rem}.nav-container{flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;gap:.75rem;align-items:flex-start;width:100%}.nav-logo{font-size:1.25rem}}:root{font-family:Nunito,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#004554;background-color:#fff1e2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#004554;text-decoration:inherit}a:hover{color:#00daff}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}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:700;font-family:inherit;background-color:#f9f9f9;color:#004554;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e0e0e0;background-color:#f0f0f0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-primary{padding:.5rem 1rem;background:#00daff;color:#004554;border:none;border-radius:6px;font-weight:700;font-size:.9rem;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#00bfdc;color:#004554}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}