@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.app-container{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:400px 1fr;max-width:1200px;width:100%}.main-weather-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #0000001a,inset 0 1px 0 #fff3;color:#fff;height:680px;overflow:hidden;padding:30px;position:relative;text-align:center}.main-weather-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.header{margin-bottom:30px}.container_date{color:#fffc;font-size:16px;font-weight:400;margin-bottom:8px}.location{align-items:center;display:flex;gap:8px;justify-content:center}.container_city{color:#fff;font-size:28px;font-weight:700}.weather_main{margin:40px 0}.temperature-section{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.container_img{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));height:120px;width:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.temp-display{align-items:flex-start;display:flex;gap:5px}.container_degree{color:#fff;font-size:64px;font-weight:800;line-height:1}.degree_symbol{font-size:24px;font-weight:600;margin-top:8px}.weather-status{margin-bottom:40px}.weather_main_desc{font-size:24px;font-weight:600;margin-bottom:5px}.weather_desc{color:#fffc;font-size:16px;text-transform:capitalize}.weather_details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:30px 0}.detail-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:16px;padding:15px 10px}.detail-label{color:#ffffffb3;display:block;font-size:12px;font-weight:500;margin-bottom:5px}.detail-value{color:#fff;display:block;font-size:16px;font-weight:600}.form{margin-top:auto}.search-container{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;display:flex;gap:0;margin-top:70px;overflow:hidden;transition:all .3s ease}.search-container:focus-within{background:#ffffff26;border-color:#fff6;box-shadow:0 10px 25px #0003;transform:translateY(-2px)}.input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;outline:none;padding:16px 20px}.input::placeholder{color:#fff9}.search-btn{align-items:center;background:#fff3;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:16px 20px;transition:all .3s ease}.search-btn:hover:not(:disabled){background:#ffffff4d}.search-btn:disabled{cursor:not-allowed;opacity:.6}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{background:#ff646433;border:1px solid #ff646466;border-radius:12px;color:#ff6b6b;font-size:14px;font-weight:500;margin-top:15px;padding:12px 16px}.side-panels{display:flex;flex-direction:column;gap:24px}.info-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 30px #0000001a;color:#fff;padding:24px}.card-title{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:20px}.environment-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.env-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;gap:12px;padding:12px}.env-icon,.env-item{align-items:center;display:flex}.env-icon{background:#ffffff1a;border-radius:10px;height:40px;justify-content:center;width:40px}.env-info{display:flex;flex-direction:column;gap:4px}.env-label{color:#ffffffb3;font-size:12px;font-weight:500}.env-value{color:#fff;font-size:14px;font-weight:600}.forecast-list{display:flex;flex-direction:column;gap:12px}.forecast-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.forecast-item:last-child{border-bottom:none}.forecast-day{color:#fff;font-size:14px;font-weight:500;min-width:60px}.forecast-icon{height:32px;width:32px}.forecast-temps{display:flex;gap:12px;justify-content:flex-end;min-width:80px}.forecast-high{color:#fff;font-size:14px;font-weight:600}.forecast-low{color:#fff9;font-size:14px}.sun-moon-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sun-moon-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;gap:12px;padding:16px}.sun-moon-icon,.sun-moon-item{align-items:center;display:flex}.sun-moon-icon{border-radius:12px;height:48px;justify-content:center;width:48px}.sunrise{background:linear-gradient(135deg,gold,#ff8c00)}.sunset{background:linear-gradient(135deg,#4a5568,#2d3748)}.sun-moon-info{display:flex;flex-direction:column;gap:4px}.sun-moon-label{color:#ffffffb3;font-size:12px;font-weight:500}.sun-moon-value{color:#fff;font-size:16px;font-weight:600}.loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:300px;justify-content:center}.loading .spinner{border-width:3px;height:40px;width:40px}.loading p{color:#fffc;font-size:16px}@media (max-width:1024px){.app-container{grid-template-columns:1fr;max-width:500px}.side-panels{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}@media (max-width:768px){.app-container,.environment-grid,.side-panels,.sun-moon-grid,.weather_details{grid-template-columns:1fr}.main-weather-card{padding:25px 20px}.container_degree{font-size:56px}.temperature-section{flex-direction:column;gap:10px}}
/*# sourceMappingURL=main.efd47cc9.css.map*/