:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#a5b4fc;--secondary:#10b981;--secondary-dark:#065f46;--accent:#f59e0b;--accent-light:#fcd34d;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--background:#f0f9ff;--surface:#fff;--text-primary:#1e293b;--text-secondary:#475569;--text-tertiary:#64748b;--border:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow:#0000001a;--shadow-light:#0000000d;--shadow-dark:#0003;--shadow-hover:#00000026;--shadow-active:#0003;--shadow-focus:#4f46e533;--space-bg-dark:#0f172a;--space-bg-light:#1e293b;--space-accent:#38bdf8;--space-glow:#818cf8;--space-stars:#e2e8f0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:initial;color:#1e293b;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;padding:0}.App,body,html{min-height:100vh}.App{display:flex;flex-direction:column;transition:all .5s cubic-bezier(.4,0,.2,1)}.App:not(.globe-mode){background-color:#f0f9ff;background-color:var(--background);background-image:radial-gradient(circle at 10% 20%,#4f46e51a 0,#0000 20%),radial-gradient(circle at 80% 30%,#10b9811a 0,#0000 20%),radial-gradient(circle at 30% 70%,#f59e0b1a 0,#0000 20%),radial-gradient(circle at 90% 90%,#4f46e50d 0,#0000 20%)}.App.globe-mode{background:radial-gradient(ellipse at bottom,#1e293b 0,#0f172a 100%);background:radial-gradient(ellipse at bottom,var(--space-bg-light) 0,var(--space-bg-dark) 100%);padding:0}.app-header{margin:2rem auto 0;max-width:800px;overflow:hidden;padding:2.5rem;position:relative;text-align:center}.app-title{background:linear-gradient(135deg,#3730a3,#4f46e5);background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;letter-spacing:-.04em;margin-bottom:1.5rem;position:relative}.app-description{color:#475569;color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin:0 auto 1.5rem;max-width:600px}.app-icon{font-size:5rem;margin:1rem auto}.app-icon,.globe-icon-wrapper{display:inline-block;position:relative}.globe-icon-wrapper{animation:float 6s ease-in-out infinite}.sparkles{animation:twinkle 1.5s ease-in-out infinite alternate;color:#f59e0b;color:var(--accent);position:absolute;right:-5px;top:-5px}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes twinkle{0%{opacity:.7;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.app-content{align-items:center;background-color:initial;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0;transition:all .5s ease}.app-content.fullscreen{height:100vh;margin:0;padding:0;width:100%}.globe-view{height:100vh;position:relative;width:100%}.button-container{bottom:2rem;position:fixed;right:2rem;z-index:100}.submit-new-estimates{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:none;border-radius:16px;box-shadow:0 4px 12px #0000001a,0 0 0 1px #fffc;box-shadow:0 4px 12px var(--shadow),0 0 0 1px #fffc;color:#3730a3;color:var(--primary-dark);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.75rem}.submit-new-estimates:hover{box-shadow:0 8px 20px #00000040,0 0 0 1px #fffc;transform:translateY(-4px)}.submit-new-estimates:active{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.submit-new-estimates:focus{outline:none}.loading-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:0;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:100%}.loading-spinner{border-top:4px solid var(--primary);height:60px;margin-bottom:1.5rem;width:60px}.loading-text{color:#475569}.error-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fee2e2cc;border-radius:16px;box-shadow:0 4px 12px #ef444433,inset 0 0 0 1px #fee2e2b3;color:#ef4444;color:var(--error);display:flex;gap:1rem;margin:1rem 0;padding:1.5rem}.error-message span{font-size:1.5rem}.skip-container{margin-top:1rem;text-align:center}.skip-to-globe{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.skip-to-globe:hover{background:#4f46e50d;border-color:#a5b4fc;border-color:var(--primary-light);color:#4f46e5;color:var(--primary);transform:translateY(-1px)}.skip-to-globe:focus{box-shadow:0 0 0 2px #4f46e533;outline:none}.return-to-form-message{animation:slideDown .5s .5s forwards;background:#f59e0be6;box-shadow:0 4px 12px #0000001a;color:#fff;font-weight:500;left:0;padding:.75rem;position:absolute;right:0;text-align:center;top:0;transform:translateY(-100%);z-index:1000}@keyframes slideDown{to{transform:translateY(0)}}.submit-new-estimates{transition:all .3s ease}.submit-new-estimates.emphasize{animation:pulse 2s infinite;background:linear-gradient(90deg,#fcd34d,#f59e0b);background:linear-gradient(to right,var(--accent-light),var(--accent))}@keyframes pulse{0%{box-shadow:0 0 0 0 #f59e0b66}70%{box-shadow:0 0 0 10px #f59e0b00}to{box-shadow:0 0 0 0 #f59e0b00}}@media (max-width:768px){.skip-container{margin-top:.5rem}.skip-to-globe{font-size:.8rem;padding:.4rem .75rem}}@media (max-width:850px){.app-header{margin:1.5rem auto 0;max-width:90%;padding:2rem 1.5rem}.app-title{font-size:2.75rem}.app-description{font-size:1.125rem}.button-container{bottom:1.5rem;right:1.5rem}.submit-new-estimates{font-size:.95rem;padding:.875rem 1.5rem}}@media (max-width:480px){.app-header{margin:1rem auto 0;max-width:90%;padding:1.5rem 1rem}.app-title{font-size:2.25rem}.app-description{font-size:1rem;line-height:1.6}.app-icon{font-size:4rem}.button-container{bottom:1.25rem;right:1.25rem}.submit-new-estimates{border-radius:12px;font-size:.875rem;padding:.75rem 1.25rem}}.city-rankings-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111cbf;border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;left:2rem;max-height:calc(100vh - 4rem);overflow:hidden;padding:1.25rem;position:absolute;top:2rem;transition:all .3s ease;width:300px;z-index:10}.rankings-header{border-bottom:1px solid #ffffff1a;margin-bottom:1rem;padding-bottom:.75rem}.rankings-title{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:0 0 .75rem;text-align:center}.toggle-container{background:#ffffff1a;border-radius:.5rem;display:flex;margin-top:.75rem;padding:.25rem}.toggle-button{background:#0000;border:none;border-radius:.35rem;color:#ffffffb3;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:.5rem 0;transition:all .2s ease}.toggle-button.active{background:#3b82f680;box-shadow:0 2px 4px #0003;color:#fff}.rankings-list{-ms-overflow-style:none;list-style:none;margin:0;max-height:calc(100vh - 12rem);overflow-y:auto;padding:0;scrollbar-width:none}.rankings-list::-webkit-scrollbar{display:none;height:0;width:0}.ranking-item{align-items:center;border-left:3px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;margin-bottom:.5rem;padding:.75rem .5rem;transition:all .2s ease}.ranking-item:hover{background:#ffffff1a;transform:translateX(2px)}.ranking-item.selected{background:#ffffff26;box-shadow:0 2px 8px #0003;transform:translateX(3px)}.ranking-item.highly-overestimated{border-left-color:#ff4a4a}.ranking-item.slightly-overestimated{border-left-color:#ff9f45}.ranking-item.highly-underestimated{border-left-color:#3b82f6}.ranking-item.slightly-underestimated{border-left-color:#60a5fa}.rank{color:#fff9;flex:0 0 24px;font-size:.9rem;font-weight:700;text-align:center}.city-info{display:flex;flex:1 1;flex-direction:column;min-width:0;padding:0 .5rem}.city-name{color:#ffffffe6!important;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-country{color:#fff9;font-size:.75rem}.population{font-feature-settings:"tnum";font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;min-width:80px;text-align:right}@media (max-width:768px){.city-rankings-container{left:1.5rem;width:260px}}@media (max-width:576px){.city-rankings-container{left:1rem;padding:1rem;width:220px}.population{font-size:.8rem;min-width:70px}.city-name{font-size:.85rem}}.toggle-rankings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d111cbf;border:1px solid #ffffff1a;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;height:2.5rem;left:1rem;position:absolute;top:1rem;transition:all .2s ease;width:2.5rem;z-index:11}.globe-wrapper,.toggle-rankings{align-items:center;display:flex;justify-content:center}.globe-wrapper{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);flex-direction:column;height:100vh;overflow:hidden;position:relative;width:100%}.globe-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.globe-controls{display:flex;gap:.75rem;position:absolute;right:2rem;top:2rem;z-index:10}.rotation-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101828b3;border:1px solid #fff3;border-radius:.75rem;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.rotation-button:hover{background:#1e283ccc;border-color:#ffffff4d;box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.rotation-button:active{box-shadow:0 2px 8px #0000004d;transform:translateY(0)}.rotation-button.active{background:#3b82f6b3;border-color:#93c5fd66}.rotation-button .icon{align-items:center;display:flex;justify-content:center}.rotation-button .label-text{position:relative;top:1px}.rotation-button .icon.spinning{animation:spin 4s linear infinite}.city-labels-container{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:10}.city-label,.city-labels-container{pointer-events:none;position:absolute}.city-label{background-color:#000000b3;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 4px #0000004d;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;text-shadow:0 1px 2px #000c;transform:translate(-50%,-100%);transition:opacity .2s ease,transform .2s ease;white-space:nowrap;z-index:100}.city-label:after{background-color:#ffffff80;bottom:-5px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:1px}.city-label.highly-overestimated{background-color:#f00c;border-color:red}.city-label.slightly-overestimated{background-color:#ff6a00cc;border-color:#ff6a00}.city-label.highly-underestimated{background-color:#06fc;border-color:#06f}.city-label.slightly-underestimated{background-color:#39fc;border-color:#39f}.city-label.selected{animation:pulseLabelShadow 1.5s infinite;font-size:14px;font-weight:600;padding:6px 12px;transform:translate(-50%,-120%) scale(1.1);z-index:200}@keyframes pulseLabelShadow{0%{box-shadow:0 0 0 0 #fff6}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 0 0 #fff0}}.control-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.25rem;transition:all .2s ease}.control-button:hover{background:#fff3;transform:translateY(-2px)}.mode-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.75rem 1.25rem;transition:all .2s ease}.mode-select:hover{background:#fff3}.info-panel{animation:slideUp .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0d111cd9;border:1px solid #ffffff26;border-radius:1.25rem;bottom:2rem;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;color:#fff;left:50%;max-width:800px;overflow:hidden;position:absolute;transform:translateX(-50%);width:90%;z-index:10}.info-panel.highly-overestimated{border-top:4px solid #ff4a4a}.info-panel.slightly-overestimated{border-top:4px solid #ff9f45}.info-panel.highly-underestimated{border-top:4px solid #3b82f6}.info-panel.slightly-underestimated{border-top:4px solid #60a5fa}.info-panel-container{padding:1.75rem;position:relative}.close-button{align-items:center;background:#ffffff1a;border:none;border-radius:.5rem;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;line-height:0;padding:.4rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.close-button:hover{background:#fff3;color:#fff;transform:scale(1.05)}.city-header{border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1rem}.city-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0 0 .25rem}.city-subtitle{color:#ffffffb3;font-size:1rem;margin:0}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.population-stats{gap:1.25rem}.population-stats,.stat-group{display:flex;flex-direction:column}.stat-group{background:#ffffff0d;border-radius:.75rem;gap:.35rem;padding:.75rem;transition:all .2s ease}.stat-group:hover{background:#ffffff1a;transform:translateY(-2px)}.stat-label{color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.stat-value{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.gap-section{display:flex;flex-direction:column;gap:1rem}.gap-value-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.gap-number{color:#fff;font-size:1.25rem;font-weight:700}.gap-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.35rem .75rem;white-space:nowrap}.gap-badge.overestimated{background-color:#ff4a4a33;color:#ffadad}.gap-badge.underestimated{background-color:#3b82f633;color:#a5c8ff}.gap-visualization{margin-top:.75rem}.gap-bar-container{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.gap-bar{border-radius:4px;height:100%;transition:width 1s cubic-bezier(.16,1,.3,1)}.gap-bar.overestimated{background:linear-gradient(90deg,#ff9f45,#ff4a4a)}.gap-bar.underestimated{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.response-section{background:#ffffff0d;border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:all .2s ease}.response-section:hover{background:#ffffff1a;transform:translateY(-2px)}.response-value{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.response-label{color:#ffffffb3;font-size:.875rem;font-weight:400}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,80px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1024px){.info-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.response-section{grid-column:span 2}.info-panel{max-width:700px}}@media (max-width:768px){.info-panel{bottom:1.5rem;max-width:95%}.info-panel-container{padding:1.5rem}.city-title{font-size:1.5rem}.gap-number{font-size:1.1rem}.info-grid{gap:1.25rem}.globe-controls{right:1.5rem;top:1.5rem}.rotation-button{font-size:.8rem;padding:.6rem 1rem}}@media (max-width:640px){.info-grid{gap:1rem;grid-template-columns:1fr}.response-section{grid-column:span 1}.info-panel-container{padding:1.25rem}.city-title{font-size:1.35rem;padding-right:1.5rem}.gap-number,.response-value,.stat-value{font-size:1.1rem}.close-button{right:.75rem;top:.75rem}}@media (max-width:480px){.globe-controls{right:1rem;top:1rem}.rotation-button{font-size:.75rem;padding:.5rem .75rem}}.simple-form-container{background-color:#fff;border-radius:0;display:flex;flex:1 1;flex-direction:column;margin:0;max-width:100%;overflow:hidden;position:relative;width:100%}.simple-form-container:before{animation:gradientBorder 8s ease infinite;background:linear-gradient(to right,var(--primary),var(--accent),var(--secondary),var(--primary));background-size:300% 100%;content:"";height:6px;left:0;position:absolute;top:0;width:100%}@keyframes gradientBorder{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.form-header{background:linear-gradient(135deg,#4f46e50d,#10b9810d);padding:2.5rem 2rem;text-align:center}.form-title{color:var(--primary-dark);display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;position:relative}.form-subtitle{color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto 2rem;max-width:600px}.city-selection{border-bottom:1px solid var(--border);flex:1 1;padding:2rem}.selection-title{color:var(--text-primary);display:inline-block;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;position:relative}.cities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:1.5rem}.city-card{background-color:#fff;border:2px solid var(--border);border-radius:16px;box-shadow:0 2px 4px #00000005;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.city-card:hover{border-color:var(--border-dark);box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.city-card.selected{background-color:#4f46e50a;border-color:var(--primary);box-shadow:0 4px 12px #4f46e51a}.city-card.estimated{background-color:#10b9810a;border-color:var(--secondary);box-shadow:0 4px 12px #10b9811a}.city-card .checkmark{color:var(--primary);filter:drop-shadow(0 1px 2px rgba(79,70,229,.3));position:absolute;right:.75rem;top:.75rem}.city-card .estimated-badge{background-color:var(--secondary);border-radius:9999px;box-shadow:0 2px 4px #10b98133;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:.75rem;top:.75rem}.city-name-form{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.city-country{color:var(--text-secondary);font-size:.95rem}.selection-actions{padding-top:1.5rem;text-align:center}.select-all-btn{background:none;border:none;border-radius:8px;color:var(--primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.select-all-btn:hover{background-color:#4f46e50d;transform:translateY(-1px)}.estimation-panel{background-color:#f7fafc99;display:flex;flex:1 1;flex-direction:column;padding:2rem}.panel-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.city-estimation{background-color:#fff;border-radius:20px;box-shadow:0 4px 6px #00000005,0 10px 15px #00000008;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.city-estimation:hover{box-shadow:0 8px 15px #0000000d,0 15px 30px #0000000a;transform:translateY(-3px)}.estimation-header{margin-bottom:1.75rem;position:relative;z-index:1}.city-icon,.estimation-header{align-items:center;display:flex}.city-icon{background:linear-gradient(135deg,var(--primary-light),var(--primary));border-radius:50%;box-shadow:0 4px 10px #4f46e54d;color:#fff;flex-shrink:0;height:4rem;justify-content:center;margin-right:1.25rem;width:4rem}.estimation-city-name-form{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.estimation-country{color:var(--text-secondary);font-size:1rem}.estimation-input-group{margin-bottom:1.5rem;position:relative;z-index:1}.estimation-label{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.label-icon{color:var(--primary)}.estimation-input{border:2px solid var(--border);border-radius:12px;box-shadow:0 2px 4px #00000005;color:var(--text-primary);font-size:1.25rem;font-weight:600;padding:8px;transition:all .2s ease;width:100%}.estimation-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.confidence-group{margin-bottom:2rem;position:relative;z-index:1}.confidence-options{display:flex;gap:.75rem}.confidence-btn{background:#fff;border:2px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #00000005;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;padding:.75rem .5rem;transition:all .2s ease}.confidence-btn:hover{background-color:#4f46e50a;border-color:#4f46e533;transform:translateY(-1px)}.confidence-btn.selected{background-color:#4f46e514;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;color:var(--primary-dark);font-weight:600}.error-text{align-items:center;color:var(--error);display:flex;font-size:.9rem;gap:.5rem;margin-top:.75rem}.error-text:before{content:"⚠️";font-size:1rem}.form-actions{background-color:#fff;border-top:1px solid var(--border-light);display:flex;justify-content:center;padding:1.5rem 2rem}.cancel-btn{background:none;border:2px solid var(--border);border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.cancel-btn:hover{background-color:#00000008;border-color:var(--border-dark);transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:12px;box-shadow:0 4px 10px #4f46e533;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.75rem;transition:all .2s ease}.submit-btn:hover{box-shadow:0 6px 15px #4f46e54d;transform:translateY(-2px)}.submit-btn:active{box-shadow:0 3px 8px #4f46e54d;transform:translateY(-1px)}.submit-btn:disabled{background:linear-gradient(135deg,var(--primary-light),#a5b4fc);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.progress-indicator{background-color:#e2e8f099;border-radius:4px;height:8px;margin-bottom:1.5rem;overflow:hidden;position:relative}.progress-bar{background:linear-gradient(to right,var(--primary),var(--secondary));height:100%;overflow:hidden;position:relative;transition:width .5s cubic-bezier(.4,0,.2,1);width:0}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#ffffff4d 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1.2s cubic-bezier(.68,-.55,.27,1.55) infinite;border:4px solid #4f46e51a;border-left:4px solid var(--primary);border-radius:50%;height:4rem;margin:0 auto 2rem;width:4rem}.loading-text{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.navigation-btns{display:flex;justify-content:space-between;margin-top:2rem;position:relative;z-index:1}.nav-btn{align-items:center;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;transition:all .2s ease}.prev-btn{background:#fff;border:2px solid var(--border);color:var(--text-secondary)}.prev-btn:hover:not(:disabled){background-color:#00000005;border-color:var(--border-dark);transform:translateX(-2px)}.next-btn{background:linear-gradient(to right,var(--primary),var(--primary-dark));border:none;box-shadow:0 4px 10px #4f46e533;color:#fff}.next-btn:hover:not(:disabled){box-shadow:0 6px 15px #4f46e54d;transform:translateX(2px)}.next-btn:disabled,.prev-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;margin-right:.5rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.cities-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.form-title{font-size:2rem}.city-estimation{padding:1.5rem}.city-icon{height:3.5rem;width:3.5rem}.estimation-city-name-form{font-size:1.3rem}.form-actions{padding:1.25rem}.cancel-btn,.submit-btn{padding:.75rem 1.5rem}}@media (max-width:480px){.simple-form-container:before{height:5px}.cities-grid{grid-template-columns:1fr}.form-title{font-size:1.75rem}.form-subtitle{font-size:1rem}.city-estimation{padding:1.25rem}.city-icon{height:3rem;width:3rem}.estimation-city-name-form{font-size:1.2rem}.confidence-options{flex-wrap:wrap}.confidence-btn{flex:1 0 40%;font-size:.85rem;padding:.625rem .375rem}.form-actions{flex-direction:column;gap:1rem}.cancel-btn,.submit-btn{width:100%}.navigation-btns{flex-direction:column;gap:.75rem}.nav-btn{justify-content:center;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.9c4aed34.css.map*/