*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#dfe9f3,#fff);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:30px 15px;color:#2c3e50;overflow-x:hidden}.app-container{width:100%;max-width:1200px;padding:10px;text-align:center}.title{font-size:2.5rem;font-weight:600;color:#3f51b5;margin-bottom:8px}.subtitle{font-size:1rem;color:#6c757d;margin-bottom:20px}.SearchBox{margin:24px 0;display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center}.MuiFilledInput-root{background-color:#f1f6fc!important;border-radius:12px!important;font-size:1rem;padding:12px!important;min-width:280px;width:100%;max-width:400px}.MuiButton-contained{background-color:#3f51b5!important;border-radius:12px;padding:10px 28px;text-transform:none;font-size:1rem;font-weight:500;width:100%;max-width:180px}.InfoBox{width:100%;display:flex;justify-content:center;margin-top:25px;padding:0 15px}.cardContainer{width:100%;max-width:400px}.cardContainer .MuiCard-root{box-shadow:0 10px 30px #00000014!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#f0f4ff);transition:all .3s ease;width:100%}.cardContainer .MuiCardContent-root{padding:20px 24px!important}.cardContainer .MuiTypography-h5{color:#3f51b5;font-weight:600;font-size:1.3rem}.cardContainer .MuiTypography-body2{font-size:.95rem;line-height:1.6;color:#555}.cardContainer img{object-fit:cover;width:100%;max-height:200px;border-top-left-radius:20px;border-top-right-radius:20px}@media (max-width: 768px){.title{font-size:2rem}.subtitle{font-size:.9rem}.MuiFilledInput-root,.MuiButton-contained{width:100%;max-width:100%}.SearchBox{flex-direction:column;gap:12px}}@media (max-width: 480px){.title{font-size:1.6rem}.subtitle{font-size:.85rem}.cardContainer .MuiTypography-h5{font-size:1.1rem}.cardContainer .MuiTypography-body2{font-size:.85rem}}.MuiButton-contained{transition:background-color .3s ease,transform .2s ease}.MuiButton-contained:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.InfoBox,.forecast-scroll{animation:fadeInUp .8s ease forwards;opacity:0;animation-delay:.3s}.SearchBox{margin:24px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.MuiFilledInput-root{background-color:#f1f6fc!important;border-radius:12px!important;min-width:280px;font-size:1rem;padding:12px!important}.MuiButton-contained{background-color:#3f51b5!important;border-radius:12px;padding:10px 28px;text-transform:none;font-size:1rem;font-weight:500}@media (max-width: 600px){.MuiFilledInput-root{min-width:240px!important}.MuiButton-contained{width:100%;padding:10px 0}}.forecast-scroll{display:flex;flex-direction:column;align-items:center;margin-top:35px;gap:16px;width:100%}.forecast-scroll h3{font-size:1.4rem;color:#3f51b5;margin-bottom:8px}.forecast-scroll-container{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 10px;width:100%}.forecast-card{background:linear-gradient(135deg,#e6f0ff,#fff);border-radius:16px;padding:16px;width:160px;box-shadow:0 6px 18px #0000000f;text-align:center;transition:transform .3s ease}.forecast-card:hover{transform:translateY(-6px)}.forecast-card img{width:60px;height:60px}.forecast-card p{margin:6px 0;font-size:.95rem}@media (max-width: 600px){.forecast-card{width:45%;padding:12px}.forecast-card p{font-size:.85rem}.forecast-card img{width:50px;height:50px}}.forecast-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 12px 25px #0000001f;transition:transform .3s ease,box-shadow .3s ease}