.weather-page{align-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff,#e0f2fe);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.weather-container{background:#fffffff2;border-radius:30px;box-shadow:0 25px 60px #0f172a26;max-width:950px;padding:40px;width:100%}.weather-header{margin-bottom:35px;text-align:center}.weather-icon{font-size:55px;margin-bottom:10px}.weather-header h1{color:#172554;font-size:42px;margin-bottom:10px}.weather-header p{color:#64748b;font-size:17px}.datetime-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.datetime-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;display:flex;gap:18px;padding:22px;transition:.3s}.datetime-card:hover{box-shadow:0 10px 25px #0f172a14;transform:translateY(-3px)}.datetime-icon{font-size:35px}.datetime-card h3{color:#64748b;font-size:14px;margin-bottom:6px}.time-text{color:#172554;font-size:23px;font-weight:700}.date-text{color:#172554;font-size:17px;font-weight:600}.search-form{display:flex;gap:12px;margin-bottom:25px}.search-form input{border:2px solid #dbeafe;border-radius:14px;color:#172554;flex:1 1;font-size:16px;outline:none;padding:17px 20px;transition:.3s}.search-form input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.search-form button{background:#2563eb;border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:17px 28px;transition:.3s}.search-form button:hover{background:#1d4ed8;transform:translateY(-2px)}.message{border-radius:12px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.loading{background:#dbeafe;color:#1d4ed8}.error{background:#fee2e2;color:#b91c1c}.weather-result{margin-top:30px}.location{margin-bottom:20px;text-align:center}.location h2{color:#172554;font-size:32px}.location p{color:#64748b;font-size:16px;margin-top:5px}.main-weather{align-items:center;background:#eff6ff;border-radius:22px;display:flex;gap:25px;justify-content:center;margin-bottom:25px;padding:25px}.weather-main-icon{font-size:80px}.temperature{color:#2563eb;font-size:65px;font-weight:800;line-height:1}.description{color:#64748b;font-size:19px;margin-top:10px;text-transform:capitalize}.weather-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.detail-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:17px;display:flex;gap:12px;padding:20px;transition:.3s}.detail-card:hover{box-shadow:0 8px 20px #0f172a14;transform:translateY(-3px)}.detail-icon{font-size:28px}.detail-card h3{color:#64748b;font-size:13px;margin-bottom:5px}.detail-card p{color:#172554;font-size:18px;font-weight:700}.extra-info{grid-gap:15px;background:#f8fafc;border-radius:17px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);padding:20px}.extra-info div{padding:10px;text-align:center}.extra-info span{font-size:25px}.extra-info p{color:#64748b;font-size:13px;margin:5px 0}.extra-info strong{color:#172554;font-size:18px}.weather-footer{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px;text-align:center}.weather-footer p{color:#172554;font-weight:700;margin-bottom:5px}.weather-footer span{color:#94a3b8;font-size:14px}@media (max-width:768px){.weather-container{padding:30px 20px}.weather-header h1{font-size:34px}.weather-details{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.weather-page{padding:15px}.weather-container{border-radius:20px;padding:25px 15px}.weather-header h1{font-size:28px}.weather-header p{font-size:14px}.datetime-grid{grid-template-columns:1fr}.datetime-card{padding:17px}.time-text{font-size:19px}.date-text{font-size:15px}.search-form{flex-direction:column}.search-form button{width:100%}.main-weather{flex-direction:column;text-align:center}.weather-main-icon{font-size:65px}.temperature{font-size:52px}.extra-info,.weather-details{grid-template-columns:1fr}}.App{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#eff6ff;color:#172554;font-family:Arial,Helvetica,sans-serif;margin:0}button,input{font-family:inherit}
/*# sourceMappingURL=main.345a2e68.css.map*/