:root{--bg-gradient:linear-gradient(135deg, #0f172a, #1e293b, #334155);--card-bg:#f8fafc;--accent-color:#38bdf8;--text-main:#1e293b;--text-light:#f8fafc;--weather-widget-bg:linear-gradient(90deg, #0284c7, #0369a1);--shadow-color:#0000001a;--icon-temp-max:#ef4444;--icon-temp-min:#fbbf24;--icon-humidity:#0ea5e9;--icon-wind:#10b981}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);justify-content:center;align-items:center;min-height:100vh;font-family:Poppins,sans-serif;display:flex}main{background-color:var(--card-bg);box-shadow:0 10px 25px var(--shadow-color);border-radius:20px;width:100%;max-width:400px;padding:18px}.title{text-align:center;color:var(--text-main);margin-bottom:8px;font-size:32px;font-weight:600}.search{border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:4px 12px;display:flex}.search input{width:100%;color:var(--text-main);background-color:#0000;border:none;outline:none;font-size:16px}.search button{cursor:pointer;color:var(--text-main);background-color:#0000;border:none;font-size:16px}.search button:hover{color:var(--accent-color);transition:transform .2s;transform:scale(1.1)}.search:focus-within{border-color:var(--accent-color);box-shadow:0 0 5px #38bdf84d}#weather{margin-top:24px;display:none}#weather.show{display:block}#weather .title_city{text-align:center;color:var(--text-main);margin-bottom:8px;font-size:24px;font-weight:500}.temp{background:var(--weather-widget-bg);color:var(--text-light);border-radius:10px;justify-content:space-around;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.temp_img{filter:drop-shadow(2px 2px 2px #0003)}.temp_value{font-size:54px;font-weight:600;line-height:55px}.temp_description{text-transform:capitalize;font-size:16px;font-weight:500}.other_infos{grid-template-columns:repeat(2,1fr);gap:12px;margin:12px 0;display:grid}.other_infos .info{box-shadow:0px 4px 6px var(--shadow-color);background-color:#fff;border-radius:10px;align-items:center;gap:8px;padding:4px 8px;display:flex}.other_infos .info h3{color:var(--text-main);font-size:14px;font-weight:600}.other_infos .info p{color:#64748b;font-weight:500}.other_infos .info i{text-align:center;width:25px;font-size:20px}.temp_max_icon{color:var(--icon-temp-max)}.temp_min_icon{color:var(--icon-temp-min)}.humidity_icon{color:var(--icon-humidity)}.wind_icon{color:var(--icon-wind)}.title_icon{color:var(--icon-temp-min)}.search_icon{color:var(--icon-temp-max)}.alert{text-align:center;color:var(--accent-color);flex-direction:column;justify-content:center;align-items:center;margin-top:12px;font-size:16px;font-weight:500;display:flex}.alert img{max-width:230px;margin-top:12px}#forecast{width:100%;margin-top:16px}.forecast_container{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.forecast_item{text-align:center;box-shadow:0px 4px 6px var(--shadow-color);background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px;display:flex}.forecast_item p:first-child{color:var(--text-main);text-transform:capitalize;font-size:13px;font-weight:600}.forecast_item img{width:42px;height:42px}.forecast_item p:nth-child(3){color:var(--text-main);font-size:14px;font-weight:600}.forecast_item p:last-child{color:#64748b;text-transform:capitalize;font-size:11px}