@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0b1021;--card:#ffffff0a;--surface:#ffffff14;--text:#f6f8ff;--muted:#a6b0d0;--accent:#5cd4ff;--accent-2:#cba3ff;--border:#ffffff26;--shadow:0 15px 45px #00000073}*{box-sizing:border-box}body{background:#f6f8ff;color:#f6f8ff;color:var(--text);font-family:Space Grotesk,Segoe UI,system-ui,-apple-system,sans-serif;margin:0}.page{background:#f6f8ff;display:grid;min-height:100vh;overflow:hidden;padding:40px 24px 48px;place-items:center;position:relative}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;background:var(--card);background-color:#0a0f2c;border:1px solid #ffffff26;border:1px solid var(--border);border-radius:24px;box-shadow:0 15px 45px #00000073;box-shadow:var(--shadow);padding:28px;position:relative;width:min(1100px,100%);z-index:1}.panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.title{font-size:clamp(28px,3vw,34px);letter-spacing:-.4px;margin:6px 0}.subtitle{color:#a6b0d0;color:var(--muted);margin:0}.eyebrow{color:#80e7ff;font-size:11px;letter-spacing:2px;margin:0;text-transform:uppercase}.search{display:flex;flex-wrap:wrap;gap:10px}.search select{-webkit-appearance:none;appearance:none;background:#ffffff14;background:var(--surface);background-repeat:no-repeat;background-size:10px 10px,10px 10px;border:1px solid #ffffff26;border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 20px #00000014;color:#f6f8ff;color:var(--text);cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.2px;min-width:240px;outline:none;padding:12px 38px 12px 14px}.content{margin-top:12px}.muted{color:#a6b0d0;color:var(--muted)}.error{color:#ff9c9c;margin:0}.weather-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.details-card,.hero-card{background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff26;border:1px solid var(--border);border-radius:20px;box-shadow:0 15px 45px #00000073;box-shadow:var(--shadow);overflow:hidden;padding:24px;position:relative}.hero-card:after{content:"";inset:0;pointer-events:none;position:absolute}.hero-content{position:relative;z-index:1}.city{font-size:clamp(22px,3vw,28px);margin:6px 0 8px}.description{color:#a6b0d0;color:var(--muted);letter-spacing:.2px;margin:0 0 12px}.temp-row{flex-wrap:wrap;gap:18px}.temp,.temp-row{align-items:center;display:flex}.temp{font-size:clamp(40px,5vw,52px);font-weight:700}.degree{color:#5cd4ff;color:var(--accent);font-size:20px;margin-left:6px}.icon-badge{align-items:center;background:#5cd4ff14;border:1px solid #5cd4ff40;border-radius:14px;color:#f6f8ff;color:var(--text);display:inline-flex;gap:10px;min-width:200px;padding:10px 14px}.icon-badge img{height:58px;width:58px}.badge-label{color:#d2e8ff;font-size:14px}.details-card{background:#ffffff14;background:var(--surface)}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:16px}.stat-item{background:#ffffff08;border:1px solid #ffffff26;border:1px solid var(--border);border-radius:14px;padding:12px 14px}.stat-label{color:#a6b0d0;color:var(--muted);display:block;font-size:13px}.stat-value{display:block;font-size:20px;font-weight:600;margin-top:6px}.sr-only{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}
/*# sourceMappingURL=main.0cfba1b9.css.map*/