.searchbox{text-align:center;padding:20px;background:var(--search-bg, rgba(255, 255, 255, .1));border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color, rgba(255, 255, 255, .2));max-width:500px;margin:0 auto 30px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.searchbox:hover{transform:translateY(-2px);box-shadow:0 12px 48px #00000026}.searchbox h3{color:var(--text-color);margin-bottom:20px;font-size:1.3rem;font-weight:600;letter-spacing:.5px}.searchbox form{display:flex;flex-direction:column;gap:16px;align-items:center}.searchbox .MuiTextField-root{width:100%;max-width:350px}.searchbox .MuiButton-root{min-width:140px;padding:12px 24px;font-weight:600;border-radius:25px;text-transform:none;font-size:1rem;box-shadow:0 4px 16px #1976d24d;transition:all .3s ease}.searchbox .MuiButton-root:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1976d266}.error-message{color:#f44336!important;font-weight:600;font-size:.9rem;margin-top:8px;padding:8px 16px;background:#f443361a;border-radius:20px;border:1px solid rgba(244,67,54,.3);display:inline-block}[data-theme=light] .searchbox{--search-bg: rgba(255, 255, 255, .8);--text-color: #213547;--border-color: rgba(0, 0, 0, .1)}[data-theme=dark] .searchbox{--search-bg: rgba(30, 30, 30, .8);--text-color: #ffffff;--border-color: rgba(255, 255, 255, .1)}@media (max-width: 768px){.searchbox{margin:0 15px 25px;padding:16px}.searchbox h3{font-size:1.1rem}.searchbox .MuiButton-root{min-width:120px;padding:10px 20px}}@media (max-width: 480px){.searchbox{margin:0 10px 20px;padding:12px}.searchbox form{gap:12px}}.InfoBox{text-align:center;padding:20px;margin:20px 0}.InfoBox h1{font-size:2.5rem;margin-bottom:25px;color:var(--text-color);text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:600;letter-spacing:1px}.cardContainer{display:flex;justify-content:center;align-items:center;margin:20px 0}.weather-card{background:var(--card-bg, #ffffff);border-radius:20px!important;box-shadow:0 8px 32px #0000001a!important;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease!important;border:1px solid var(--border-color, #e0e0e0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.weather-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 48px #00000026!important}.weather-card .MuiCardMedia-root{height:200px!important;background-size:cover!important;background-position:center!important;position:relative}.weather-card .MuiCardMedia-root:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#0000004d)}.weather-card .MuiCardContent-root{padding:24px!important;background:var(--card-bg, #ffffff)}.weather-title{font-size:1.5rem!important;font-weight:700!important;color:var(--text-color)!important;margin-bottom:16px!important;text-transform:capitalize!important;letter-spacing:.5px}.weather-title hr{margin:12px 0;border:none;height:2px;background:linear-gradient(90deg,#1976d2,#90caf9);border-radius:2px}.weather-info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.weather-info p{margin:8px 0!important;font-size:.95rem!important;color:var(--text-color)!important;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--info-bg, rgba(0, 0, 0, .02));border-radius:8px;border-left:3px solid var(--accent-color, #1976d2);transition:all .3s ease}.weather-info p:hover{background:var(--info-hover-bg, rgba(0, 0, 0, .05));transform:translate(4px)}.weather-info p b{color:var(--accent-color, #1976d2);font-weight:600}.weather-icon{font-size:1.2rem;margin-right:8px}[data-theme=light] .InfoBox{--card-bg: #ffffff;--text-color: #213547;--border-color: #e0e0e0;--accent-color: #1976d2;--info-bg: rgba(25, 118, 210, .05);--info-hover-bg: rgba(25, 118, 210, .1)}[data-theme=dark] .InfoBox{--card-bg: #1e1e1e;--text-color: #ffffff;--border-color: #4a5568;--accent-color: #90caf9;--info-bg: rgba(144, 202, 249, .1);--info-hover-bg: rgba(144, 202, 249, .15)}@media (max-width: 768px){.InfoBox h1{font-size:2rem}.weather-card{margin:0 10px;max-width:90vw}.weather-info{grid-template-columns:1fr;gap:12px}.weather-info p{font-size:.9rem!important;padding:6px 10px}}@media (max-width: 480px){.InfoBox{padding:15px 10px}.InfoBox h1{font-size:1.8rem;margin-bottom:20px}.weather-card .MuiCardContent-root{padding:16px!important}}.theme-toggle{position:fixed;top:20px;right:20px;background:var(--toggle-bg, #f0f0f0);border:2px solid var(--toggle-border, #e0e0e0);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 2px 10px #0000001a}.theme-toggle:hover{transform:scale(1.1);box-shadow:0 4px 20px #0003}.theme-toggle:active{transform:scale(.95)}.toggle-icon{display:flex;align-items:center;justify-content:center;color:var(--toggle-icon-color, #333);transition:color .3s ease}[data-theme=light] .theme-toggle{--toggle-bg: #ffffff;--toggle-border: #e0e0e0;--toggle-icon-color: #333333}[data-theme=light] .theme-toggle:hover{--toggle-bg: #f8f9fa;--toggle-border: #007bff}[data-theme=dark] .theme-toggle{--toggle-bg: #2d3748;--toggle-border: #4a5568;--toggle-icon-color: #f7fafc}[data-theme=dark] .theme-toggle:hover{--toggle-bg: #4a5568;--toggle-border: #63b3ed}@media (max-width: 768px){.theme-toggle{width:45px;height:45px;top:15px;right:15px}.toggle-icon svg{width:18px;height:18px}}@media (max-width: 480px){.theme-toggle{width:40px;height:40px;top:10px;right:10px}.toggle-icon svg{width:16px;height:16px}}