@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{font-family:Poppins,sans-serif;margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;overflow-y:auto}@keyframes slide-up{to{transform:translateY(0);opacity:1}}@keyframes slide-right{to{transform:translate(0);opacity:1}}@keyframes slide-down{to{transform:translateY(-50%);opacity:1}}@keyframes zoom-in{to{transform:scale(1);opacity:1}}.header-section{max-width:1244px;height:70px;margin:40px auto;position:relative;padding:0 20px 0 30px;display:flex;justify-content:space-between;align-items:center;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px #0000001a;border-radius:.3rem;color:#000;opacity:0;transform:scale(0);animation:zoom-in 1s ease forwards;animation-delay:.5s}.header-section div:nth-child(1){display:flex;align-items:center;gap:.3rem;font-size:1.4rem;max-width:200px;overflow:hidden;white-space:nowrap}.header-section div:nth-child(1) span{font-size:1.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-section div:nth-child(2){flex:1;display:flex;justify-content:center;margin:0 1rem}.header-section div:nth-child(2) .search-container{position:relative;width:100%;max-width:850px;margin-left:38px}.header-section div:nth-child(2) .search-container input{width:100%!important;min-width:0!important;padding:15px 50px;background:#f5f5f5;border:none;outline:none;border-radius:2rem;color:#000;border:1px solid rgba(0,0,0,.1);display:block;font-size:1.05rem;box-sizing:border-box}.header-section div:nth-child(2) .search-container input::placeholder{color:#00000080}.header-section div:nth-child(2) .search-container .search-icon-left{position:absolute;top:50%;left:20px;transform:translateY(-50%);font-size:1.2rem;color:#666;z-index:10;pointer-events:none}.header-section div:nth-child(2) .search-container .search-icon-right{position:absolute;top:50%;right:20px;transform:translateY(-50%);cursor:pointer;font-size:1.2rem;color:#666;z-index:10}.profile-icon{font-size:2.2rem;color:#000;cursor:pointer;transition:color .3s}.profile-icon:hover{color:gold}.current-location-btn{display:flex;align-items:center;gap:.5rem;padding:12px 24px;background:#f5f5f5;border:1px solid rgba(0,0,0,.1);border-radius:2rem;color:#000;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-left:.5rem;margin-right:1.5rem}.current-location-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.current-location-btn i{font-size:1.2rem}.header-section div:nth-child(4){font-size:2.55rem;display:flex;align-items:center;gap:.8rem;margin-right:1rem}.header-section div:nth-child(4) ion-icon{cursor:pointer;transition:.5s}.header-section div:nth-child(4) ion-icon:hover{color:#409ac7}.signup-btn{padding:10px 25px;background:#000;color:#fff;border:none;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.signup-btn:hover{background:#333;transform:translateY(-2px)}.dashboard-section{max-width:1244px;position:relative;margin:0 auto;padding:0;display:flex;align-items:flex-start;gap:1.5rem;overflow-x:visible;overflow-y:visible}.weather-bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.dashboard-section .home{min-width:900px;max-width:900px;flex-shrink:0;opacity:0;transform:translateY(200px);animation:slide-up 1s ease forwards}.feed-1{width:100%;height:auto;min-height:220px;display:flex;align-items:center;justify-content:space-between;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:.8rem;padding:20px 15px}.feeds{width:300px;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:.8rem;color:#000}.feeds img{width:240px}.feeds>div{width:100%;display:flex;align-items:center;font-size:1.1rem;justify-content:space-between}.feeds>div span{display:block}.feeds>div>div:first-child span:nth-child(1){font-size:1.3rem;font-weight:700;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feeds>div>div:first-child span:nth-child(2){font-size:1rem}.feeds>div>div:last-child span{font-size:3.5rem;display:flex;margin-left:1rem}.feeds>div>div:last-child span sup{position:relative;font-size:1.8rem;top:.5rem}.feed{width:400px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.3rem}.feed>div{width:200px;height:100%;padding:20px;background:#fff;display:flex;justify-content:space-between;flex-direction:column;border-radius:.7rem}.feed>div div:first-child{display:flex;justify-content:space-between;align-items:center}.feed>div div:first-child span{font-size:2.6rem;font-weight:500;display:flex}.feed>div div:first-child span sup{position:relative;font-size:1.5rem}.feed>div div:last-child span{display:block}.feed>div div:last-child span:first-child{font-weight:700}.feed>div div:last-child span:last-child{color:#00000080}.highlights{color:#fff;margin-top:20px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:.8rem;padding:20px 15px}.highlights h2{font-weight:600}.all-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:20px;color:#000}.all-highlights>div{min-width:240px;background:#fff;border-radius:.8rem;padding:15px;display:flex;align-items:center;justify-content:space-between}.all-highlights>div>div:first-child{display:flex;align-items:center;gap:.8rem}.all-highlights>div>div:first-child img{width:80px}.all-highlights>div>div:first-child span{display:block}.all-highlights>div>div:first-child span:first-child{font-weight:600;font-size:1.1rem;line-height:normal}.all-highlights>div>div:first-child span:last-child{font-size:.9rem;line-height:normal;color:#00000080}.all-highlights>div>div:last-child span{display:flex;gap:.1rem;font-size:1.7rem}.all-highlights>div>div:last-child span sup{font-size:1.1rem}.cities{min-width:320px;max-width:320px;flex-shrink:0;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:.8rem;padding:20px 15px;color:#fff;opacity:0;transform:translate(200px);animation:slide-right 1s ease forwards;animation-delay:.2s}.all-cities{margin-top:20px}.all-cities>div{background:#fff;color:#000;border-radius:.8rem;padding:15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;height:110px;box-sizing:border-box;cursor:pointer;transition:transform .2s,background-color .2s}.all-cities>div:hover{transform:scale(1.02);background-color:#f0f8ff}.all-cities>div>div:first-child{display:flex;align-items:center;gap:.8rem}.all-cities>div>div:first-child img{width:80px}.all-cities>div>div:first-child span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.all-cities>div>div:first-child span:first-child{font-weight:600}.all-cities>div>div:first-child span:last-child{font-size:.8rem;color:#00000080}.all-cities>div>div:last-child span{display:flex;gap:.1rem;font-size:1.7rem}.all-cities>div>div:last-child span sup{font-size:1.1rem}.all-cities>div:last-child{margin-bottom:0}.all-cities>button{width:100%;padding:15px 0;cursor:pointer;background:#409ac7;border:none;font-size:1rem;color:#fff;border-radius:.8rem;display:flex;align-items:center;justify-content:center;gap:.7rem;transition:.5s}.all-cities>button ion-icon{font-size:1.2rem}.all-cities>button:hover{background:transparent;border:1px solid #fff}.details-card{flex:1;margin-left:2rem;margin-right:2rem;display:grid;grid-template-columns:repeat(3,1fr);row-gap:2rem;column-gap:1rem;padding:1.5rem;border:1px solid rgba(0,0,0,.3);border-radius:1rem;color:#000;justify-items:center}@media screen and (max-width: 745px){.details-card{margin-left:0;margin-top:1rem}}.details-widget{width:150px;display:flex;flex-direction:column;align-items:center;text-align:center}.widget-icon{font-size:2.2rem;margin-bottom:.1rem;color:#000000b3}.details-widget:nth-child(4) .widget-icon{font-size:3.5rem;margin-bottom:-1.6rem;transform:translateY(-.5rem)}.widget-val{font-size:1.5rem;font-weight:700;line-height:1.2}.widget-label{font-size:1.1rem;color:#0009;line-height:1.2}.forecast-container{margin-top:2rem;color:#fff;width:100%;padding-bottom:50px}.section-title{margin-bottom:1rem;font-size:1.1rem;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5)}.scrollable-wrapper{display:flex;overflow-x:auto;gap:1rem;padding-top:1rem;padding-bottom:1rem;cursor:grab;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent}.scrollable-wrapper:active{cursor:grabbing}.scrollable-wrapper::-webkit-scrollbar{height:6px}.scrollable-wrapper::-webkit-scrollbar-thumb{background-color:#ffffff80;border-radius:3px}.forecast-widget{min-width:150px;width:150px;height:190px;padding:.5rem;background-color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#000;box-sizing:border-box}.today-highlight{background-color:#fff;border:2px solid rgba(255,215,0,.8);transform:scale(1.05);box-shadow:0 0 15px #ffd7004d}.today-highlight .forecast-day{color:#d4af37;font-weight:700;font-size:1.1rem}.forecast-day{font-size:1.2rem;margin-bottom:.5rem}.forecast-icon{width:100px;height:100px;margin-bottom:.3rem}.daily-forecast-icon{width:90px;height:90px}.forecast-temp{font-weight:700;font-size:1.2rem}.forecast-min-temp{font-size:.8rem;color:#0009}.weather-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;z-index:1000;animation:fadeIn .3s ease}.weather-alert-box{background:#fff;color:#333;width:450px;border-radius:12px;box-shadow:0 4px 20px #0000004d;overflow:hidden;animation:slideDown .3s ease}.weather-alert-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ff4d4d;color:#fff;font-weight:700;font-size:1.2rem}.close-x{cursor:pointer;font-size:1.5rem}.weather-alert-body{padding:30px 25px;text-align:center;font-size:1.3rem;line-height:1.5}.weather-alert-footer{padding:15px 20px;display:flex;justify-content:center;background:#f1f1f1}.weather-alert-footer button{padding:12px 30px;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem}.weather-alert-footer button:hover{background:#555}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.clothing-suggestions-card{margin-top:20px;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 30px #0000001a;border-radius:.8rem;padding:20px;color:#000;width:100%}.clothing-suggestions-card h3{margin-bottom:1rem;font-size:1.1rem;text-transform:uppercase;color:#0009}.suggestion-content{background:transparent;border-radius:.8rem;padding:0}.suggestion-content h4{font-size:1.3rem;margin-bottom:1rem;color:#d4af37}.suggestion-content ul{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.suggestion-content li{background:#fff;padding:8px 15px;border-radius:20px;font-size:1rem;color:#333;border:1px solid rgba(0,0,0,.3)}.extra-note{margin-top:1rem;font-style:italic;color:#0009;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.temperature-graph{width:100%;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 30px #0000001a;border-radius:.8rem;padding:20px;margin-top:1.5rem;color:#000;opacity:0;transform:translateY(50px);animation:slide-up 1s ease forwards;animation-delay:.6s}.temperature-graph h3{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#000}.graph-svg{width:100%;height:auto;overflow:visible}.temp-curve{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.time-label{fill:#0009;font-size:.9rem;font-weight:500}.point-temp-label{fill:#000;font-size:1.1rem;font-weight:700}.now-highlight{fill:#d4af37;font-size:1.4rem;font-weight:800;text-shadow:0 0 10px rgba(212,175,55,.3)}.now-highlight-time{fill:gold;font-weight:700;font-size:1.1rem}@keyframes slide-up{to{opacity:1;transform:translateY(0)}}.auth-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#fff}.auth-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;border:1px solid #e0e0e0;width:100%;max-width:400px;color:#333;text-align:center}.auth-card h2{margin-bottom:2rem;font-size:1.8rem;color:#1a1a1a}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#555;font-weight:500}.form-group input{width:100%;padding:.8rem;border-radius:.5rem;border:1px solid #cccccc;background:#fff;color:#333;outline:none;font-size:1rem;transition:border-color .2s}.form-group input::placeholder{color:#999}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.auth-btn{width:100%;padding:1rem;border-radius:.5rem;border:none;background:#007bff;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s}.auth-btn:hover{background:#0056b3;transform:translateY(-1px)}.auth-switch{margin-top:1.5rem;font-size:.9rem;color:#666}.auth-switch a{color:#007bff;cursor:pointer;font-weight:600;text-decoration:none;margin-left:.5rem}.auth-switch a:hover{text-decoration:underline}