@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap";.pin-btn{background:#ebfffce6;color:#0f2027;padding:10px 20px;border-radius:25px;margin-top:20px;cursor:pointer;font-weight:600}.pinned-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px;justify-content:center;width:100%;padding-top:20px;border-top:1px solid rgba(235,246,255,.1)}.pinned-card{background:#ebf6ff1f;border-radius:12px;padding:15px;width:150px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(235,246,255,.08);transition:all .2s ease;position:relative}.pinned-card:hover{background:#ebf6ff2e;transform:translateY(-2px)}.pinned-card-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;position:relative}.pinned-card-header span:first-child{color:#ebf6ff;font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;padding:0 20px}.remove-pinned{color:#ebf6ff99;cursor:pointer;background:none;border:none;font-size:18px;transition:all .2s ease;position:absolute;right:0}.remove-pinned:hover{color:#ebf6ff}.pinned-icon{width:40px;height:40px;margin:0 auto;display:block;opacity:.9}.pinned-temp{text-align:center;font-size:22px;font-weight:600;margin-top:8px;color:#ebf6ff}.weather{position:relative;padding:30px;border-radius:15px;background-image:linear-gradient(45deg,#0f2027,#203a43,#2c5364);display:flex;flex-direction:column;align-items:center;width:100%;max-width:400px;box-shadow:0 10px 25px #0000004d;transform:translateY(0);opacity:0;animation:fadeIn .8s ease-out .3s forwards;transition:all .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weather:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0006}.search-bar{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:20px}.search-bar input{height:45px;width:100%;border:none;outline:none;border-radius:25px;padding:0 25px;color:#2c3e50;background:#ebfffc;font-size:16px;font-family:Quicksand,sans-serif;font-weight:500;transition:all .3s ease}.search-bar input:focus{box-shadow:0 0 0 3px #ebfffc4d}.search-bar img{height:45px;width:45px;padding:10px;border-radius:45%;background:#ebfffc;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.search-bar img:hover{transform:scale(1.1)}.weather-icon{width:140px;margin:15px 0;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.temp{color:#ebf6ff;font-size:60px;line-height:1;font-weight:600;margin:5px 0}.location{color:#ebf6ff;font-size:25px;font-weight:500;margin-bottom:15px}.weather-data{width:100%;margin-top:25px;color:#ebf6ff;display:flex;justify-content:space-between}.weather-data .col{display:flex;align-items:center;gap:10px;font-size:18px}.weather-data .col span{display:block;font-size:16px;opacity:.9}.col img{width:40px;background:transparent}.notification{position:absolute;top:0;left:50%;transform:translate(-50%);background:#1b3641e6;color:#ebf6ff;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;z-index:100;animation:fadeInOut 3s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(235,246,255,.1);width:max-content;max-width:90%;box-sizing:border-box;text-align:center}@keyframes fadeInOut{0%,to{opacity:0;transform:translate(-50%) translateY(20px)}10%,90%{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.weather{padding:25px;max-width:350px}.temp{font-size:55px}.location{font-size:22px}.weather-icon{width:120px}.weather-data .col{font-size:17px}.pinned-card{width:140px}.notification{width:max-content;max-width:90%;padding:10px 20px;font-size:13px;text-align:center}}@media (max-width: 480px){.weather{padding:20px 15px;max-width:300px}.temp{font-size:48px}.location{font-size:20px}.weather-icon{width:100px}.search-bar input{height:40px;font-size:14px;padding:0 20px}.search-bar img{height:40px;width:40px;padding:8px}.weather-data{flex-direction:column;gap:15px;margin-top:20px}.weather-data .col{width:100%;justify-content:center;font-size:16px}.weather-data .col span{font-size:14px}.col img{width:35px}.pinned-container{justify-content:center}.pinned-card{width:100%;max-width:160px}.notification{width:max-content;max-width:90%;padding:8px 18px;font-size:12px}}@media (max-width: 360px){.weather{max-width:280px;padding:18px 12px}.temp{font-size:44px}.location{font-size:18px}.weather-icon{width:90px}.search-bar input{height:38px;font-size:13px;padding:0 18px}.search-bar img{height:38px;width:38px}.weather-data .col{font-size:15px;gap:8px}.weather-data .col span{font-size:13px}.col img{width:32px}.pinned-card{max-width:140px;padding:12px}.notification{width:max-content;max-width:90%;padding:7px 16px;font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(45deg,#0b181d,#1a2f38,#223d47);min-height:100vh;font-family:Quicksand,sans-serif;position:relative;padding-bottom:60px}.app{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:20px}.footer{position:absolute;bottom:20px;left:0;right:0;text-align:center;color:#ebf6ffe6;font-size:14px;font-weight:500;letter-spacing:.5px}.footer-text{display:inline-block;padding:8px 20px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mausam-link{color:inherit;cursor:pointer;position:relative;transition:all .3s ease}.mausam-link:hover{color:#7fdbff}.mausam-link:after{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:#7fdbff;transform:scaleX(0);transition:transform .3s ease}.mausam-link:hover:after{transform:scaleX(1)}@media (max-width: 768px){.footer{font-size:13px}.footer-text{padding:7px 18px}}@media (max-width: 480px){.footer{font-size:12px;bottom:15px}.footer-text{padding:6px 16px}body{padding-bottom:50px}.app{min-height:calc(100vh - 50px)}}@media (max-width: 360px){.footer{font-size:11px;bottom:10px}.footer-text{padding:5px 14px}body{padding-bottom:40px}.app{min-height:calc(100vh - 40px)}}