@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1137;font-family:Outfit,system-ui,sans-serif;font-weight:400;line-height:1.6}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary:gold;--primary-glow:#ffd7004d;--secondary:#1a237e;--secondary-light:#283593;--accent:#f8f9fa;--text:#fff;--text-dim:#ffffffb3;--glass:#ffffff0d;--glass-border:#ffffff1a;--card-bg:#1a237e66;--gold-gradient:linear-gradient(135deg, gold 0%, #ffa000 100%);--navy-gradient:linear-gradient(135deg, #1a237e 0%, #0d1137 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{color:var(--text);background-color:#0d1137;line-height:1.6;overflow-x:hidden}.app-container{background-image:radial-gradient(circle at 10% 20%,#ffd7000d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#1a237e33 0%,#0000 40%);max-width:100vw;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:24px;transition:transform .3s,box-shadow .3s}.glass-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 12px 40px #0000004d}h1{letter-spacing:-2px;font-size:4rem;font-weight:800}h2{color:var(--primary);font-size:2.5rem;font-weight:700}h3{font-size:1.5rem;font-weight:600}.gradient-text{background:var(--gold-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-container{max-width:1200px;margin:0 auto;padding:80px 20px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating{animation:6s ease-in-out infinite float}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards slideIn}input[type=date],select{background:var(--glass);border:1px solid var(--glass-border);color:#fff;border-radius:12px;outline:none;padding:12px 20px;font-size:1rem}input[type=date]:focus{border-color:var(--primary)}.main-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1137cc;justify-content:space-between;align-items:center;padding:20px 5%;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{font-size:2rem}.logo-img{width:auto;height:40px;filter:drop-shadow(0 0 5px var(--primary-glow))}.highlight{color:var(--primary)}nav{align-items:center;gap:30px;display:flex}nav a{color:var(--text-dim);font-weight:600;text-decoration:none;transition:color .3s}nav a:hover{color:var(--primary)}.cta-btn{background:var(--gold-gradient);color:#000;cursor:pointer;border:none;border-radius:50px;padding:10px 25px;font-weight:700;transition:transform .3s}.cta-btn:hover{transform:scale(1.05)}.hero-section{text-align:center;padding-top:100px!important}.hero-subtitle{color:var(--text-dim);max-width:700px;margin:20px auto 50px;font-size:1.25rem}.hero-stats{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px;display:grid}.stat-card{flex-direction:column;gap:10px;padding:40px;display:flex}.stat-value{color:var(--primary);font-size:3rem;font-weight:800}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.selection-bar{justify-content:space-between;align-items:center;margin:40px 0;padding:25px 40px;display:flex}.mode-toggle{background:#0003;border-radius:12px;padding:5px;display:flex}.mode-toggle button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 20px;transition:all .3s}.mode-toggle button.active{background:var(--primary);color:#000;font-weight:700}.filter-group{align-items:center;gap:20px;display:flex}.range-inputs{align-items:center;gap:10px;display:flex}.visual-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.visual-card{padding:30px}.visual-card h3{color:var(--text-dim);margin-bottom:30px}.span-2{grid-column:span 2}.pie-container{justify-content:center;align-items:center;gap:40px;display:flex}.legend{flex-direction:column;gap:12px;display:flex}.legend-item{align-items:center;gap:10px;font-size:.9rem;display:flex}.dot{border-radius:3px;width:12px;height:12px}.price-table-container{margin-top:40px;overflow:hidden}.price-table{border-collapse:collapse;width:100%}.price-table th{text-align:left;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;background:#ffffff05;padding:20px;font-size:.8rem}.price-table td{border-bottom:1px solid var(--glass-border);padding:20px}.price-primary{color:var(--primary);font-size:1.2rem;font-weight:700}.tag-up{color:#4caf50;background:#4caf501a;border-radius:20px;padding:5px 12px;font-size:.8rem}.tag-monthly{color:#2196f3;background:#2196f31a;border-radius:20px;padding:5px 12px;font-size:.8rem}.price-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.sheet-toggle{gap:10px;display:flex}.toggle-btn{border:1px solid var(--glass-border);background:var(--glass);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:10px 20px;font-size:.9rem;transition:all .3s}.toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.toggle-btn.active{background:var(--gold-gradient);color:#0d1137;border-color:var(--primary);font-weight:600}.search-bar{align-items:center;gap:15px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--glass-border);background:var(--glass);max-width:300px;color:var(--text);border-radius:12px;flex:1;padding:12px 20px;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow);outline:none}.search-input::placeholder{color:var(--text-dim)}.result-count{color:var(--text-dim);font-size:.9rem}.quick-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.quick-stat{text-align:center;border-radius:16px;flex-direction:column;gap:8px;padding:20px;display:flex}.quick-stat.lowest{background:linear-gradient(135deg,#4caf5033,#4caf500d);border:1px solid #4caf504d}.quick-stat.average{background:linear-gradient(135deg,#ffd70033,#ffd7000d);border:1px solid #ffd7004d}.quick-stat.highest{background:linear-gradient(135deg,#f4433633,#f443360d);border:1px solid #f443364d}.qs-label{color:var(--text-dim);font-size:.85rem}.qs-value{color:var(--text);font-size:1.8rem;font-weight:700}.qs-city{color:var(--primary);font-size:.9rem}.split-view{grid-template-columns:1fr 1fr;align-items:center;gap:100px;display:grid}.species-list{flex-direction:column;gap:25px;margin-top:40px;display:flex}.species-item{grid-template-columns:150px 1fr 60px;align-items:center;gap:20px;display:grid}.progress-bar{background:#ffffff0d;border-radius:10px;height:8px;overflow:hidden}.progress-fill{background:var(--gold-gradient);border-radius:10px;height:100%}.egg-3d{filter:drop-shadow(0 0 50px var(--primary-glow));font-size:15rem}.main-footer{border-top:1px solid var(--glass-border);margin-top:100px}.disclaimer{color:var(--text-dim);background:#ffffff05;border-radius:15px;margin-bottom:40px;padding:30px;font-size:.9rem}.footer-bottom{color:var(--text-dim);justify-content:space-between;font-size:.8rem;display:flex}.socials{gap:20px;display:flex}@media (max-width:768px){.hero-stats,.visual-grid,.split-view{grid-template-columns:1fr}.selection-bar{flex-direction:column;gap:20px}}.loader-small{color:var(--primary);margin-left:15px;font-size:.9rem;font-weight:400;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.forecast-section{padding:40px!important}.forecast-title-icon{margin-right:10px}.forecast-controls{margin-bottom:30px}.controls-row{flex-wrap:wrap;align-items:flex-end;gap:40px;margin-bottom:25px;display:flex}.control-group{flex-direction:column;gap:10px;display:flex}.control-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.horizon-buttons{gap:8px;display:flex}.horizon-btn{border:1px solid var(--glass-border);background:var(--glass);color:var(--text-dim);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:.9rem;transition:all .3s}.horizon-btn:hover{border-color:var(--primary);color:var(--primary)}.horizon-btn.active{background:var(--gold-gradient);color:#0d1137;border-color:var(--primary);font-weight:600}.city-select{border:1px solid var(--glass-border);background:var(--glass);color:#fff;cursor:pointer;border-radius:10px;min-width:200px;padding:10px 20px;font-size:.95rem}.city-select:focus{border-color:var(--primary);outline:none}.city-select option{color:#fff;background:#0d1137}.forecast-metrics{background:#0003;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:20px;padding:20px;display:grid}.metric-card{border:1px solid var(--glass-border);background:#ffffff05;border-radius:12px;align-items:center;gap:12px;padding:15px;transition:all .3s;display:flex}.metric-card:hover{border-color:var(--primary);background:#ffd7000d}.metric-icon{font-size:1.5rem}.metric-content{flex-direction:column;gap:4px;display:flex}.metric-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.metric-value{color:var(--text);font-size:1.1rem;font-weight:700}.forecast-chart-container{min-height:350px;margin:30px 0}.forecast-chart-wrapper{width:100%}.forecast-chart-svg{width:100%;max-width:100%}.forecast-loading{color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px;display:flex}.loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.confidence-band{animation:.5s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.forecast-description{background:linear-gradient(135deg,#2196f31a,#4caf501a);border-left:4px solid #2196f3;border-radius:12px;padding:20px}.forecast-description p{color:var(--text-dim);margin:0;font-size:.95rem;line-height:1.7}.forecast-description strong{color:var(--text)}.forecast-mode-hint{color:var(--text-dim);background:#ffd7001a;border:1px solid #ffd70033;border-radius:10px;padding:10px 20px;font-size:.9rem}@media (max-width:1024px){.forecast-metrics{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.forecast-metrics{grid-template-columns:1fr 1fr}.controls-row{flex-direction:column;align-items:stretch;gap:20px}.horizon-buttons{flex-wrap:wrap}}@media (max-width:500px){.forecast-metrics{grid-template-columns:1fr}}