body{font-family:Arial,sans-serif;text-align:center;margin:0;padding:0;background:linear-gradient(180deg,#0066b2 0,#1e88e5 100%);color:#fff;min-height:100vh;font-size:16px;line-height:1.6;font-display:swap}.container,.navbar-content{max-width:1400px;margin:0 auto;padding:0 20px}h1,h2,h3{margin-bottom:20px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.1)}.forecast{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:20px 0}.day,.hour,.current-hour{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);padding:15px;text-align:center;color:#fff;border:1px solid rgba(255,255,255,0.2)}.current-hour{background:rgba(255,229,180,0.2)}.day img,.hour img,.current-hour img{width:50px;height:50px}.day p,.hour p,.current-hour p{margin:5px 0}.day p.temp,.hour p.temp,.current-hour p.temp{font-size:1.2rem;font-weight:bold}.dropdown-container{position:relative;display:inline-block;width:100%;max-width:300px;margin:10px auto}#cityDropdown{width:100%;padding:10px;font-size:1rem;border:1px solid rgba(255,255,255,0.3);border-radius:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(255,255,255,0.1);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 6.344c-.566-.566-.16-1.538.636-1.538h10.228c.796 0 1.202.972.636 1.538l-4.796 4.796c-.566.566-1.478.566-2.044 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;box-sizing:border-box;backdrop-filter:blur(10px)}#cityDropdown:focus{outline:none;border-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.2)}#cityDropdown:hover{border-color:rgba(255,255,255,0.5);background-color:rgba(255,255,255,0.15)}#cityDropdown option{background-color:#1e88e5;color:#fff}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at center,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}.night-mode .hourly-slider,.night-mode .weather-details,.night-mode .day-info,.night-mode .forecast-day{background:rgba(44,47,99,0.3);border:1px solid rgba(255,255,255,0.1)}@media(max-width:768px){.container,.navbar-content{padding:0 15px}}@media(max-width:480px){.container,.navbar-content{padding:0 10px}}.navbar{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);padding:15px 0;position:sticky;top:0;z-index:1000}.navbar-content{display:flex;justify-content:space-between;align-items:center}.logo-container{display:flex;align-items:center;gap:10px}.nav-logo{width:36px;height:36px;object-fit:contain}.brand-name{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:bold;letter-spacing:.5px}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-size:.9rem;padding:5px 10px;border-radius:4px;transition:background-color .2s}.nav-links a:hover{background-color:rgba(255,255,255,0.1)}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:10px}.hamburger span{display:block;width:25px;height:2px;background-color:white;transition:all .3s ease}@media(max-width:768px){.nav-links{display:flex;position:fixed;top:60px;left:0;right:0;z-index:1000;background:rgba(0,0,0,0.95);flex-direction:column;padding:2rem;gap:1.5rem;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.nav-links.active{opacity:1;transform:translateY(0);pointer-events:auto}.nav-links.active{flex-direction:column;align-items:flex-start}.hamburger{display:block;cursor:pointer;z-index:1001}.hamburger span{display:block;width:25px;height:3px;background:white;margin:5px 0;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.day-info{flex-direction:column;padding:12px;gap:12px}.day-info-item{flex-direction:row;width:100%;justify-content:space-between}.day-info-length{order:-1;width:100%}.day-arc{width:150px;height:75px}}@media(max-width:480px){.day-info{padding:10px;gap:10px}.day-arc{width:120px;height:60px}}.main-weather{text-align:left;margin-bottom:40px}.city-name{font-size:2.5rem;margin:10px 0}.weather-description{font-size:1.2rem;margin-bottom:20px}.current-weather-container{display:flex;align-items:center;gap:20px;margin-bottom:30px}.current-weather{display:flex;align-items:center;gap:20px}.current-weather-icon{width:100px;height:100px}.temperature{display:flex;flex-direction:column;align-items:flex-start}.current-temp{font-size:4rem;font-weight:bold;text-shadow:2px 2px 4px rgba(0,0,0,0.2)}.current-date{font-size:1rem;opacity:.8;margin-top:-5px;margin-bottom:5px}.minmax-temp{font-size:1rem;opacity:.8}.weather-metrics-row{display:grid;grid-template-columns:1.5fr 1.5fr 1fr;gap:15px;margin:15px 0}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 20px;background:rgba(255,255,255,0.1);border-radius:8px;border:1px solid rgba(255,255,255,0.2)}.currency-box.mobile{display:none}.detail-item{display:flex;flex-direction:column;align-items:center;gap:2px}.detail-label{font-size:.8rem;opacity:.9;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1.2rem;font-weight:600}.forecast-nav{display:flex;gap:10px;margin:20px 0}.forecast-btn{padding:8px 16px;border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.1);color:white;border-radius:4px;cursor:pointer}.forecast-btn.active{background:rgba(255,255,255,0.3)}.daily-forecast{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px;margin-bottom:40px;transition:grid-template-columns .3s ease}.forecast-day{background:rgba(255,255,255,0.1);border-radius:8px;padding:15px;border:1px solid rgba(255,255,255,0.2);display:flex;flex-direction:column;align-items:center;gap:10px}@media(max-width:480px){.daily-forecast{gap:8px}}.day-arc{width:120px;height:45px;margin:5px auto}.arc-background{stroke-linecap:round}.arc-sunlight{stroke-linecap:round}.start-circle,.end-circle{filter:drop-shadow(0 0 2px rgba(255,215,0,0.5))}.language-selector{display:flex;align-items:center;gap:10px}.lang-link{display:flex;align-items:center;opacity:.7;transition:opacity .2s}.lang-link.active{opacity:1}.lang-flag{width:24px;height:24px;object-fit:contain}@media(max-width:480px){.detail-item{padding:10px 0}.detail-label{font-size:.75rem}.detail-value{font-size:1.1rem}.day-info-item{font-size:.75rem;padding:10px 0}.day-info-length{font-size:.75rem;padding:10px 10px}.language-selector{margin-left:auto;gap:8px}.lang-flag{width:20px;height:20px}}.hourly-slider{position:relative;margin:20px 0;background:rgba(255,255,255,0.1);border-radius:8px;padding:15px 40px;border:1px solid rgba(255,255,255,0.2)}.hourly-scroll{display:flex;gap:15px;overflow-x:auto;scroll-behavior:smooth;padding:5px 0;-ms-overflow-style:none;scrollbar-width:none}.hourly-scroll::-webkit-scrollbar{display:none}.hour-card{flex:0 0 70px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;border-radius:6px;transition:background-color .2s}.hour-card:hover{background:rgba(255,255,255,0.1)}.hour-time{font-size:.9rem;opacity:.9}.hour-icon{width:32px;height:32px}.hour-temp{font-size:1rem;font-weight:500}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.3);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:opacity .3s,background-color .3s}.scroll-arrow:hover{background:rgba(0,0,0,0.5)}.scroll-left{left:5px}.scroll-right{right:5px}@media(max-width:768px){.hourly-slider{padding:12px 35px}.hour-card{flex:0 0 65px;gap:6px}.hour-time{font-size:.85rem}.hour-temp{font-size:.95rem}}.day-info{padding:30px;background:rgba(255,255,255,0.1);border-radius:8px;border:1px solid rgba(255,255,255,0.2);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.day-info-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.day-info-length{display:flex;flex-direction:column;align-items:center;text-align:center}.length-label{font-size:.8rem;opacity:.9;text-transform:uppercase;margin-bottom:2px}.length-time{font-size:.9rem;font-weight:500}.day-arc{width:100px;height:50px;margin:4px 0}.day-info-icon{width:24px;height:24px}.day-info-text{display:flex;flex-direction:column;align-items:center;gap:2px}.day-info-label{font-size:.8rem;opacity:.9;text-transform:uppercase}.day-info-value{font-size:1rem;font-weight:500}@media(max-width:768px){.day-info{padding:8px;gap:8px}.day-arc{width:80px;height:40px}.length-time{font-size:.85rem}}@media(max-width:480px){.day-info{padding:6px;gap:6px}.day-arc{width:60px;height:30px}.day-info-label{font-size:.75rem}.day-info-value{font-size:.9rem}}@media(max-width:1200px){.container,.navbar-content{max-width:100%;padding:0 15px}.weather-metrics-row{flex-wrap:wrap}.weather-details,.day-info,.hourly-slider{flex:1 1 300px}}@media(max-width:480px){.container,.navbar-content{padding:0 10px}.weather-metrics-row{flex-direction:column;gap:10px}.weather-details,.day-info,.hourly-slider{flex:1 1 auto;width:100%;min-width:0}.current-weather{width:100%;justify-content:center}.current-temp{font-size:3rem}.daily-forecast{grid-template-columns:repeat(3,1fr);gap:8px}.forecast-day{min-width:0;padding:10px}.nav-links{gap:10px}.hourly-slider{padding:0}.hour-card{flex:0 0 60px}.day-name{font-size:.8rem}.detail-label{font-size:.75rem}.detail-value{font-size:1.1rem}.day-info-icon{width:28px;height:28px}.day-info-label{font-size:.85rem}.day-info-value{font-size:1.15rem}.weather-metrics-row{gap:20px}.weather-details,.day-info,.currency-box{padding:0}}@media(max-width:430px){.daily-forecast{grid-template-columns:repeat(2,1fr)}.forecast-day{padding:8px}}.currency-rates{display:flex;gap:15px;margin-left:20px;padding:5px 10px;background:rgba(255,255,255,0.1);border-radius:4px;font-size:.85rem}.rate-item{display:flex;align-items:center;gap:5px}.currency-flag{font-size:1rem}.rate-value{color:#fff}@media(max-width:480px){.currency-rates{font-size:.75rem;gap:10px;margin-left:15px}}.currency-calculator{background:rgba(255,255,255,0.1);border-radius:8px;padding:20px;margin:20px 0;border:1px solid rgba(255,255,255,0.2)}.currency-calculator h3{margin:0 0 15px 0;font-size:1.1rem;opacity:.9}.calculator-container{display:flex;align-items:center;justify-content:center;gap:15px}.calculator-input,.calculator-result{display:flex;gap:10px}.calculator-equals{font-size:1.2rem;opacity:.8}.currency-calculator input,.currency-calculator select{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:4px;color:white;padding:8px;font-size:1rem}.currency-calculator input{width:100px}.currency-calculator select{width:70px}.currency-calculator input:focus,.currency-calculator select:focus{outline:none;border-color:rgba(255,255,255,0.4)}#result{background:rgba(255,255,255,0.05)}@media(max-width:480px){.calculator-container{flex-direction:column;gap:10px}.calculator-input,.calculator-result{width:100%;justify-content:center}}.currency-box{display:flex;flex-direction:column;gap:10px}.currency-title{font-size:.9rem;text-transform:uppercase;opacity:.9;letter-spacing:.5px}.currency-list{display:flex;flex-direction:column;gap:6px;width:100%}.currency-item{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.1);padding:6px 10px;border-radius:4px;width:100%}.currency-left{display:flex;align-items:center;gap:8px}.currency-input-container{flex:0 0 auto;width:80px}.currency-input{width:100%;background:transparent;border:none;color:white;font-size:.9rem;text-align:right;padding:2px}@media(max-width:768px){.currency-box.mobile{width:calc(100% - 40px);margin:15px auto}}.cities-footer{background:rgba(0,28,57,0.95);padding:40px 0;margin-top:auto;position:relative}.container{min-height:calc(100vh - 60px - 80px);display:flex;flex-direction:column;padding-bottom:40px}.cities-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:15px;max-width:1600px;margin:0 auto;padding:0 20px}.cities-column{display:flex;flex-direction:column;gap:10px}.city-link{color:rgba(255,255,255,0.8);text-decoration:none;font-size:.9rem;transition:color .2s}.city-link:hover{color:white}@media(max-width:1400px){.cities-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:1200px){.cities-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:992px){.cities-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.cities-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:480px){.cities-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cities-footer{padding:30px 0}}@media(max-width:768px){.daily-forecast{margin-bottom:30px}.container{padding-bottom:30px}}.container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}@media(max-width:768px){.daily-forecast{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media(max-width:932px) and (orientation:landscape){.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:rgba(0,102,178,0.95);backdrop-filter:blur(10px);padding:12px;gap:8px;z-index:1000}.nav-links.active{display:flex}.hamburger{display:flex}.navbar{padding:8px 0;height:auto}.navbar-content{padding:0 15px}.nav-links a{padding:8px 12px;width:100%;text-align:left}.language-selector{flex-direction:row;justify-content:flex-start;padding:8px 12px;gap:12px}.currency-rates{flex-direction:row;justify-content:flex-start;padding:8px 12px;gap:15px}.nav-links>*{width:100%;border-bottom:1px solid rgba(255,255,255,0.1)}.nav-links>*:last-child{border-bottom:none}.container{padding-top:10px}}@media(max-width:932px) and (orientation:landscape) and (max-height:450px){.navbar{padding:5px 0}.nav-links{padding:8px}.nav-links a{padding:6px 10px}.language-selector,.currency-rates{padding:6px 10px}}@media(orientation:landscape){.container,.weather-metrics-row,.daily-forecast,.current-temp,.weather-details,.day-info,.currency-box{transition:all .3s ease}}@media(min-width:640px){}@media(min-width:768px){}@media(min-width:1024px){}@media(min-width:1280px){}@media(min-width:1536px){}.holiday-card{background:rgba(255,255,255,0.1);border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,0.2);transition:transform .2s}.holiday-card:hover{transform:translateY(-5px)}.holiday-image{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:15px}@media(max-width:1024px){.nav-links{display:flex;flex-direction:column;position:fixed;top:60px;left:0;right:0;background:rgba(0,0,0,0.95);padding:1rem;z-index:50;transform:translateY(-100%);transition:transform .3s ease;opacity:0}.nav-links.active{transform:translateY(0);opacity:1}.nav-links a{padding:.5rem 0;color:white;text-align:right;padding-right:2rem}.hamburger{display:block;cursor:pointer;z-index:51;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.hamburger span{display:block;width:25px;height:3px;background-color:white;margin:5px 0;transition:all .3s ease}.nav-links .currency-rates,.nav-links .language-selector{padding-right:2rem;margin-left:auto}}@keyframes pulse{0%,100%{opacity:.5}50%{opacity:.8}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}.weather-card{will-change:transform;transform:translateZ(0)}