@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.top-\[-10\%\]{top:-10%}.right-\[-10\%\]{right:-10%}.bottom-\[-10\%\]{bottom:-10%}.left-\[-10\%\]{left:-10%}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[40\%\]{height:40%}.h-\[50\%\]{height:50%}.h-full{height:100%}.h-px{height:1px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-\[40\%\]{width:40%}.w-\[50\%\]{width:50%}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-\[\#050510\]{background-color:#050510}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.text-nowrap{text-wrap:nowrap}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.opacity-10{opacity:.1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[0_0_50px_rgba\(239\,68\,68\,0\.1\)\]{--tw-shadow:0 0 50px var(--tw-shadow-color,#ef44441a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[2px_0_15px_rgba\(239\,68\,68\,0\.4\)\]{--tw-shadow:2px 0 15px var(--tw-shadow-color,#ef444466);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_0_8px_var\(--accent-primary\)\]{--tw-drop-shadow-size:drop-shadow(0 0 8px var(--tw-drop-shadow-color,var(--accent-primary)));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-1000{--tw-duration:1s;transition-duration:1s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\[animation-duration\:2s\]{animation-duration:2s}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:opacity-80:hover{opacity:.8}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}:root{--glass-bg:#ffffff08;--glass-bg-hover:#ffffff14;--glass-border:#ffffff0a;--glass-blur:24px;--accent-primary:#00f2ff;--accent-primary-glow:#00f2ff66;--accent-secondary:#7000ff;--accent-warm:#ff8a00;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--bg-main:#050510;--bg-gradient:radial-gradient(circle at top right,#1a1a40 0%,#050510 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;letter-spacing:.02em;background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.premium-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:1rem 2rem;display:flex}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:32px;padding:1.5rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 4px 30px #0000001a}.glass-card:hover{background:var(--glass-bg-hover);border-color:#ffffff14;transform:translateY(-4px)}.search-input-wrapper{width:100%;max-width:550px;position:relative}.search-icon{color:#fff6;pointer-events:none;z-index:20;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-input{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;outline:none;width:100%;padding:1.25rem 1.5rem 1.25rem 3.5rem;font-size:1.1rem;transition:all .3s}.search-input:focus{border-color:var(--accent-primary);background:#ffffff1a;box-shadow:0 0 20px #00f2ff33}.hero-temp{-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 8px #0000004d);background:linear-gradient(#fff,#fff6);-webkit-background-clip:text;background-clip:text;font-size:6.5rem;font-weight:700;line-height:1}.metric-card{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.metric-card i{color:var(--accent-primary);margin-bottom:.5rem}.raindrop{background:linear-gradient(#0000,#ffffff4d);width:1px;height:20px;animation:linear infinite rain;position:absolute;top:-20px}@keyframes rain{0%{transform:translateY(0)}to{transform:translateY(110vh)}}.cloud{opacity:.2;filter:blur(40px);animation:linear infinite drift;position:absolute}@keyframes drift{0%{transform:translate(-400px)}to{transform:translate(110vw)}}.weather-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:2rem!important;width:100%!important;margin-bottom:2rem!important;display:flex!important}.location-title{letter-spacing:.01em;font-size:3rem;font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px var(--accent-primary-glow));-webkit-background-clip:text;background-clip:text}.country-bg-text{text-transform:uppercase;color:#fff;opacity:.05;pointer-events:none;z-index:-2;white-space:nowrap;letter-spacing:-2vw;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:25vw;font-weight:900;line-height:.8;position:fixed;bottom:-5%;right:-5%}.country-bg-image{-o-object-fit:cover;object-fit:cover;z-index:-3;opacity:.3;filter:grayscale()contrast(120%)brightness(.7)blur(2px);mix-blend-mode:overlay;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;height:100%;position:fixed;inset:0}.premium-nav-container{-webkit-backdrop-filter:blur(40px)!important;background:#ffffff0f!important;border:1px solid #ffffff26!important;border-radius:20px!important;gap:4px!important;width:-moz-fit-content!important;width:fit-content!important;padding:6px!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #000c!important}.premium-nav-btn{z-index:10!important;color:#ffffff4d!important;text-transform:uppercase!important;letter-spacing:.2em!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:16px!important;outline:none!important;align-items:center!important;gap:12px!important;padding:14px 40px!important;font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:900!important;transition:all .5s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important}.premium-nav-btn.active{color:#fff!important;text-shadow:0 0 20px #fff9!important;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important}.premium-nav-btn:hover:not(.active){color:#ffffffb3!important}.nav-indicator-pill{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;box-shadow:0 0 40px var(--accent-primary-glow),inset 0 0 15px #ffffff4d!important;z-index:5!important;border-radius:16px!important;position:absolute!important;top:6px!important;bottom:6px!important}.metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;width:100%!important;display:grid!important}.grid-3-col{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;width:100%!important;display:grid!important}.grid-7-col{grid-template-columns:repeat(7,1fr)!important;gap:1rem!important;width:100%!important;display:grid!important}.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.glass-card{min-width:0}@media(max-width:768px){.premium-container{padding:1rem 1.25rem!important}.weather-header{text-align:center;flex-direction:column!important;align-items:center!important;gap:1.5rem!important;margin-bottom:2.5rem!important}.search-input-wrapper{order:2;max-width:100%!important}.premium-nav-container{order:3;margin-top:.5rem;justify-content:center!important;width:100%!important}.premium-nav-btn{letter-spacing:.1em!important;flex:1!important;padding:12px 10px!important;font-size:10px!important}.location-title{font-size:2.25rem!important}.hero-temp{font-size:4.5rem!important}.metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.glass-card{border-radius:20px!important;padding:1.25rem!important}.grid-3-col,.grid-7-col{scrollbar-width:none;flex-flow:row!important;gap:1rem!important;width:100%!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.grid-3-col::-webkit-scrollbar{display:none}.grid-7-col::-webkit-scrollbar{display:none}.grid-3-col>*,.grid-7-col>*{flex-shrink:0!important;min-width:200px!important}.country-bg-text{opacity:.03!important;font-size:40vw!important;bottom:5%!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}