body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);background-size:400% 400%;animation:gradientMove 15s ease infinite;color:#fff}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dashboard{padding:40px;max-width:1300px;margin:auto}.title{font-size:46px;font-weight:800;text-align:center;letter-spacing:1px;margin-bottom:10px}.subtitle{text-align:center;font-size:18px;opacity:.8;margin-bottom:30px}.location-bar{margin:0 auto 40px;width:fit-content;display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;background:#ffffff14;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 25px #0000004d}.location-input{background:transparent;border:none;outline:none;color:#fff;font-size:16px;width:220px}.location-icon{font-size:18px}.today-section-heading{font-size:22px;font-weight:700;margin-bottom:15px}.today-wrapper{padding:30px;position:relative}.location-inline{font-size:14px;opacity:.75;margin-bottom:15px;text-align:left}.search-bar{margin-bottom:25px}.search-bar input{padding:12px 18px;border-radius:14px;border:none;outline:none;width:280px;background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}.left-panel,.right-panel{display:flex;flex-direction:column;gap:30px}.glass-card{background:#ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:25px;box-shadow:0 10px 30px #00000040;transition:.3s ease}.glass-card:hover{transform:translateY(-5px)}.today-card{padding:35px;text-align:center;background:linear-gradient(135deg,#3265d4,#318be6);border-radius:24px}.today-label{font-size:16px;text-transform:uppercase;opacity:.8;margin-bottom:10px}.today-aqi{font-size:78px;font-weight:800}.aqi-category{font-size:16px;margin-top:8px;opacity:.9}.today-date{margin-top:6px;opacity:.7}.section-heading{font-size:20px;font-weight:600;margin-bottom:20px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-card{background:#939496b6;border-radius:18px;border:1px solid rgba(20,4,4,.08);padding:34px;text-align:center;transition:.3s ease}.detail-card:hover{transform:translateY(-5px)}.detail-icon{font-size:28px;margin-bottom:10px}.detail-value{font-size:18px;font-weight:700}.forecast-row{display:flex;gap:18px}.forecast-card{flex:1;padding:18px;border-radius:20px;text-align:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);transition:.3s ease}.forecast-card:hover{transform:translateY(-6px)}.forecast-value{font-size:24px;font-weight:700;margin:6px 0}.forecast-category{font-size:14px;opacity:.9}@media(max-width:900px){.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.forecast-section{padding:25px}.right-panel .glass-card{min-height:auto;border:1px solid rgba(255,255,255,.08)}.advisory-card{padding:25px}.advisory-box{margin-top:15px;padding:18px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.advisory-level{font-size:20px;font-weight:600;margin-bottom:8px}.advisory-message{font-size:18px;opacity:.85;line-height:2}}body{background:linear-gradient(180deg,#0f2027,#203a43,#2c5364);color:#fff;font-family:Inter,system-ui}.card{background:#ffffff14;padding:20px;border-radius:18px;text-align:center}.forecast-row{display:flex;gap:20px;margin-top:20px}