body{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;min-height:100vh;margin:0;padding:0;font-family:Segoe UI,sans-serif}.weather-app{padding:40px 20px;text-align:center}.weather-app h1{font-size:2.8rem;font-weight:700;background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px;margin-bottom:30px}@media screen and (max-width: 600px){.search-box form{width:90%;padding:20px}.card-container{width:90%}.weather-app h1{font-size:2rem}}.search-box{display:flex;justify-content:center;margin-top:40px;padding:0 15px}.search-box form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff26;border-radius:16px;border:1px solid rgba(255,255,255,.25);padding:30px 35px;width:100%;max-width:500px;box-shadow:0 12px 32px #0003;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .5s ease-in-out;transition:all .3s ease-in-out}.search-box .MuiTextField-root{width:100%;margin-bottom:20px;background:#ffffff26;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.25);transition:all .3s ease-in-out}.search-box .MuiInputBase-root{color:#fff;font-weight:500;padding-left:8px}.search-box .MuiInputBase-input::placeholder{color:#fff9;font-style:italic;font-size:.95rem;letter-spacing:.5px}.search-box .MuiInputLabel-root{color:#fffc}.search-box .MuiOutlinedInput-notchedOutline{border:none}.search-box p{font-weight:500;color:#ff4e4e;margin-top:15px;text-align:center}.glass-button{padding:10px 24px;border-radius:12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:700;transition:all .3s ease-in-out;box-shadow:0 4px 20px #00000026;cursor:pointer}.glass-button:hover{background:#ffffff40;transform:translateY(-2px)}body.light-mode .glass-button{background:#0000000d;color:#000;border-color:#0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.info-box{display:flex;justify-content:center;margin-top:30px}.card-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;overflow:hidden;transition:transform .3s ease}.card-container:hover{transform:scale(1.02)}.MuiCard-root{background:transparent!important;box-shadow:none!important;color:#fff}.MuiTypography-root{color:#fff!important}.info-row{display:flex;align-items:center;gap:8px;margin:6px 0}.info-icon{color:#fffc}