@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0b1120;--panel-bg:#1e293b99;--panel-border:#ffffff14;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#0ea5e9;--accent-glow:#0ea5e966;--glass-shadow:0 8px 32px 0 #0006;--blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 0 0,#0ea5e926 0%,#0000 40%),radial-gradient(circle at 100% 100%,#a855f71f 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;display:flex}#root{width:100%;max-width:1100px;margin:0 auto;padding:2rem}h1,h2,h3,h4{font-weight:600}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--blur);border:1px solid var(--panel-border);box-shadow:var(--glass-shadow);border-radius:28px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-panel:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 15px 45px #00000080}.dashboard-grid{grid-template-columns:1fr 350px;gap:2rem;margin-top:2rem;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.search-bar{border:1px solid var(--panel-border);background:#0f172acc;border-radius:999px;align-items:center;margin-bottom:2rem;padding:.75rem 1.5rem;transition:all .3s;display:flex}.search-bar:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:.75rem;font-size:1rem}.search-bar input::placeholder{color:var(--text-secondary)}.weather-main{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.temp-huge{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:6rem;font-weight:700;line-height:1}.weather-icon-large{filter:drop-shadow(0 0 20px var(--accent-glow));font-size:8rem;animation:6s ease-in-out infinite float}.forecast-list{flex-direction:column;gap:1rem;display:flex}.forecast-item{background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem;transition:background .3s;display:flex}.forecast-item:hover{background:#ffffff14}.info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.info-card{background:#ffffff08;border-radius:20px;flex-direction:column;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex}.info-card:hover{background:#ffffff14;transform:scale(1.02)}.info-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.info-value{font-size:1.5rem;font-weight:600}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fade-in}#root{text-align:left;max-width:1200px;margin:0 auto}@media (width<=600px){#root{padding:1rem}.glass-panel{padding:1.5rem}.glass-panel>div:first-child{text-align:center;flex-direction:column;gap:1rem;align-items:center!important}.glass-panel>div:first-child p{margin-left:0!important}.weather-main{text-align:center;flex-direction:column-reverse;gap:1rem;align-items:center!important}.temp-huge{font-size:4.5rem}.weather-icon-large{font-size:6rem}.info-grid{grid-template-columns:1fr}}