.weather-scene{z-index:0;width:100%;height:100%;transition:background 1s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:hidden}.weather-scene--clear{background:linear-gradient(#87ceeb 0%,#e0f6ff 50%,#ffd4a3 100%)}.weather-scene--clear .scene-content{width:100%;height:100%;position:relative}.sun{width:120px;height:120px;position:absolute;top:15%;right:15%}.sun-glow{filter:blur(20px);background:radial-gradient(circle,#ffc8574d,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite pulse-glow;position:absolute;inset:0}.sun-core{background:radial-gradient(circle at 30% 30%,gold,#ffb347);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute;inset:10px;box-shadow:0 0 40px #ffc85799}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.particles{width:100%;height:100%;position:absolute;inset:0}.particle{width:2px;height:2px;animation:8s linear infinite float-particle;animation-delay:var(--delay);background:#fff9;border-radius:50%;position:absolute}.particle:nth-child(2n){background:#fff6;width:3px;height:3px}@keyframes float-particle{0%{top:100%;left:var(--x,50%);opacity:0}10%{opacity:1}90%{opacity:1}to{top:-10%;left:calc(var(--x,50%) + 50px);opacity:0}}.particle:first-child{--x:10%;animation-duration:12s}.particle:nth-child(2){--x:20%;animation-duration:14s}.particle:nth-child(3){--x:30%;animation-duration:13s}.particle:nth-child(4){--x:40%;animation-duration:15s}.particle:nth-child(5){--x:50%;animation-duration:11s}.particle:nth-child(6){--x:60%;animation-duration:16s}.particle:nth-child(7){--x:70%;animation-duration:12s}.particle:nth-child(8){--x:80%;animation-duration:14s}.particle:nth-child(9){--x:90%;animation-duration:13s}.particle:nth-child(10){--x:15%;animation-duration:17s}.particle:nth-child(11){--x:35%;animation-duration:12s}.particle:nth-child(12){--x:55%;animation-duration:15s}.particle:nth-child(13){--x:65%;animation-duration:11s}.particle:nth-child(14){--x:75%;animation-duration:14s}.particle:nth-child(15){--x:85%;animation-duration:13s}.weather-scene--cloudy{background:linear-gradient(#a8c5dd 0%,#d4e8f7 50%,#e8f4fb 100%)}.clouds{width:100%;height:100%;position:absolute;inset:0}.cloud{filter:blur(8px);width:200px;height:60px;animation:20s linear infinite cloud-drift;animation-delay:var(--delay);background:radial-gradient(at 30% 40%,#ffffffe6,#ffffff80 40%,#0000 70%);border-radius:50px;position:absolute}@keyframes cloud-drift{0%{opacity:.6;transform:translate(-300px)}20%{opacity:1}80%{opacity:1}to{opacity:.6;transform:translate(100vw)}}.cloud:first-child{top:15%}.cloud:nth-child(2){top:40%}.cloud:nth-child(3){animation-duration:25s;top:60%}.weather-scene--rain{background:linear-gradient(#546e7a 0%,#78909c 50%,#90a4ae 100%)}.cloud--rain{background:radial-gradient(at 30% 40%,#ffffffb3,#c8dcf04d 40%,#0000 70%);width:250px;height:80px}.rain{width:100%;height:100%;position:absolute;inset:0}.raindrop{width:2px;height:15px;animation:.8s infinite rain-fall;animation-delay:var(--delay);background:linear-gradient(#ffffffb3,#0000);position:absolute}@keyframes rain-fall{0%{opacity:0;transform:translateY(-10vh)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.raindrop:first-child{left:5%}.raindrop:nth-child(2){left:10%}.raindrop:nth-child(3){left:15%}.raindrop:nth-child(4){left:20%}.raindrop:nth-child(5){left:25%}.raindrop:nth-child(6){left:30%}.raindrop:nth-child(7){left:35%}.raindrop:nth-child(8){left:40%}.raindrop:nth-child(9){left:45%}.raindrop:nth-child(10){left:50%}.raindrop:nth-child(11){left:55%}.raindrop:nth-child(12){left:60%}.raindrop:nth-child(13){left:65%}.raindrop:nth-child(14){left:70%}.raindrop:nth-child(15){left:75%}.raindrop:nth-child(16){left:80%}.raindrop:nth-child(17){left:85%}.raindrop:nth-child(18){left:90%}.raindrop:nth-child(19){left:95%}.raindrop:nth-child(20){left:2%}.weather-scene--thunderstorm{background:linear-gradient(#1a237e 0%,#283593 50%,#3f51b5 100%)}.cloud--storm{background:radial-gradient(at 30% 40%,#424242cc,#21212166 40%,#0000 70%);width:300px;height:100px}.lightning{width:100%;height:100%;animation:4s infinite lightning-flash;position:absolute;top:0;left:0}@keyframes lightning-flash{0%,10%,15%,to{box-shadow:none;background:0 0}11%,13%{background:#ffffff4d;box-shadow:inset 0 0 50px #64c8ff80}12%{background:#ffffff1a}}.raindrop--heavy{height:20px;animation:.5s infinite rain-fall}.weather-scene--snow{background:linear-gradient(#c5d9f1 0%,#d9e9f7 50%,#ecf3fa 100%)}.snow{width:100%;height:100%;position:absolute;inset:0}.snowflake{width:8px;height:8px;animation:10s linear infinite snowfall;animation-delay:var(--delay);opacity:.8;filter:blur(.5px);background:radial-gradient(circle,#fff,#ffffffb3);border-radius:50%;position:absolute}.snowflake:before,.snowflake:after{content:"";background:inherit;border-radius:50%;position:absolute}.snowflake:before{width:5px;height:5px;top:-10px;left:2px}.snowflake:after{width:6px;height:6px;top:10px;left:1px}@keyframes snowfall{0%{opacity:1;transform:translateY(-10vh)translate(0)}to{opacity:0;transform:translateY(100vh)translate(100px)}}.weather-scene--night{background:linear-gradient(#0a0e27 0%,#1a1a3e 50%,#16213e 100%)}.moon{width:100px;height:100px;position:absolute;top:15%;right:10%}.moon-core{background:radial-gradient(circle at 30% 30%,khaki,#daa520);border-radius:50%;animation:4s ease-in-out infinite moon-glow;position:absolute;inset:0;box-shadow:0 0 30px #f0e68c66}@keyframes moon-glow{0%,to{box-shadow:0 0 30px #f0e68c66}50%{box-shadow:0 0 50px #f0e68c99}}.stars{width:100%;height:100%;position:absolute;inset:0}.star{width:2px;height:2px;animation:3s infinite twinkle;animation-delay:var(--delay);top:var(--top);left:var(--left);opacity:.3;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.scene-content{width:100%;height:100%;position:relative}.search-bar{z-index:10;width:100%;max-width:400px;position:relative}.search-input-wrapper{align-items:center;gap:var(--space-3);background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);padding:0 var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);display:flex;position:relative}.search-input-wrapper:focus-within{background:var(--color-glass-lighter);border-color:var(--color-primary-light);box-shadow:0 0 20px #06f3}.dashboard--clear .search-input-wrapper,.dashboard--cloudy .search-input-wrapper{background:#ffffff40;border-color:#00000026}.dashboard--clear .search-input-wrapper:focus-within,.dashboard--cloudy .search-input-wrapper:focus-within{border-color:var(--color-primary);background:#ffffff59;box-shadow:0 0 20px #0066ff40}.search-icon{color:var(--color-text-secondary);transition:color var(--transition-fast);flex-shrink:0}.search-input-wrapper:focus-within .search-icon{color:var(--color-primary-light)}.dashboard--clear .search-icon,.dashboard--cloudy .search-icon{color:#00000073}.dashboard--clear .search-input-wrapper:focus-within .search-icon,.dashboard--cloudy .search-input-wrapper:focus-within .search-icon{color:var(--color-primary)}.search-input{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--space-3) 0;font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.dashboard--clear .search-input,.dashboard--cloudy .search-input{color:#000000bf}.search-input::placeholder{color:var(--color-text-tertiary)}.dashboard--clear .search-input::placeholder,.dashboard--cloudy .search-input::placeholder{color:#00000073}.search-input:disabled{opacity:.6;cursor:not-allowed}.search-clear{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear:hover{color:var(--color-text-primary);background:#ffffff1a}.dashboard--clear .search-clear,.dashboard--cloudy .search-clear{color:#00000073}.dashboard--clear .search-clear:hover,.dashboard--cloudy .search-clear:hover{color:#000000bf;background:#00000014}.search-dropdown{top:calc(100% + var(--space-3));background:var(--color-glass-light);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:400px;animation:.2s ease-out dropdown-enter;position:absolute;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0003}.dashboard--clear .search-dropdown,.dashboard--cloudy .search-dropdown{background:#ffffff40;border-color:#00000026;box-shadow:0 10px 40px #0000001a}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:0 0}.search-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.search-dropdown::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dashboard--clear .search-dropdown::-webkit-scrollbar-thumb{background:#00000026}.dashboard--cloudy .search-dropdown::-webkit-scrollbar-thumb{background:#00000026}.dashboard--clear .search-dropdown::-webkit-scrollbar-thumb:hover{background:#00000040}.dashboard--cloudy .search-dropdown::-webkit-scrollbar-thumb:hover{background:#00000040}.search-loading{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm);display:flex}.dashboard--clear .search-loading,.dashboard--cloudy .search-loading{color:#0000008c}.dashboard--clear .spinner,.dashboard--cloudy .spinner{border-color:#00000026;border-top-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}.search-results{padding:var(--space-2);margin:0;list-style:none}.search-result-item{text-align:left;cursor:pointer;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-primary);background:0 0;border:none;display:block}.search-result-item:hover{padding-left:var(--space-5);background:#0066ff1a}.dashboard--clear .search-result-item,.dashboard--cloudy .search-result-item{color:#000000bf}.dashboard--clear .search-result-item:hover,.dashboard--cloudy .search-result-item:hover{background:#0066ff26}.result-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.dashboard--clear .result-name,.dashboard--cloudy .result-name{color:#000000bf}.result-meta{gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.dashboard--clear .result-meta,.dashboard--cloudy .result-meta{color:#0000008c}.search-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-empty>div:first-child{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);color:var(--color-text-primary)}.search-empty .text-secondary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block}.dashboard--clear .search-empty,.dashboard--cloudy .search-empty{color:#0000008c}.dashboard--clear .search-empty>div:first-child,.dashboard--cloudy .search-empty>div:first-child{color:#000000b3}.dashboard--clear .search-empty .text-secondary,.dashboard--cloudy .search-empty .text-secondary{color:#00000080}.recent-searches{border-top:1px solid var(--color-glass-border)}.dashboard--clear .recent-searches,.dashboard--cloudy .recent-searches{border-top-color:#0000001a}.recent-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.dashboard--clear .recent-header,.dashboard--cloudy .recent-header{border-bottom-color:#00000014}.recent-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex}.dashboard--clear .recent-title,.dashboard--cloudy .recent-title{color:#0000008c}.clear-recent{color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none}.clear-recent:hover{color:var(--color-accent);background:#ff6b6b1a}.dashboard--clear .clear-recent,.dashboard--cloudy .clear-recent{color:#00000073}.dashboard--clear .clear-recent:hover,.dashboard--cloudy .clear-recent:hover{color:#ff6b6bcc;background:#ff6b6b26}.recent-list{padding:var(--space-2);margin:0;list-style:none}.recent-item{text-align:left;cursor:pointer;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-fast);color:var(--color-text-primary);background:0 0;border:none;display:block}.recent-item:hover{padding-left:var(--space-5);background:#0066ff1a}.dashboard--clear .recent-item,.dashboard--cloudy .recent-item{color:#000000bf}.dashboard--clear .recent-item:hover,.dashboard--cloudy .recent-item:hover{background:#0066ff26}.recent-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.dashboard--clear .recent-name,.dashboard--cloudy .recent-name{color:#000000bf}.recent-country{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dashboard--clear .recent-country,.dashboard--cloudy .recent-country{color:#0000008c}@media (width<=768px){.search-bar{max-width:100%}.search-dropdown{max-height:300px}}@media (width<=480px){.search-input{font-size:var(--font-size-xs)}.search-result-item,.recent-item{padding:var(--space-2) var(--space-3)}.search-result-item:hover,.recent-item:hover{padding-left:var(--space-4)}}.weather-hero{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f141966;border:1px solid #ffffff26;border-radius:24px;padding:clamp(2rem,6vw,3rem);animation:.6s ease-out hero-enter;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 0 30px #0066ff26}@keyframes hero-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.weather-hero:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0066ff0d,#00d4ff05);border-radius:24px;position:absolute;inset:0}.weather-hero-content{z-index:1;position:relative}.location-header{margin-bottom:clamp(2rem,5vw,3rem);animation:.6s ease-out .1s both slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.city-name{color:var(--color-text-primary);margin:0 0 var(--space-2) 0;letter-spacing:-.5px;font-size:clamp(1.875rem,8vw,3rem);font-weight:600}.date-time{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;display:flex}.dashboard--clear .date-time,.dashboard--cloudy .date-time{color:#000000a6}.separator{opacity:.5}.temperature-section{align-items:center;gap:clamp(2rem,6vw,4rem);margin-bottom:clamp(2rem,5vw,3rem);animation:.6s ease-out .15s both slide-up;display:flex}.temp-display{align-items:flex-start;gap:1rem;display:flex}.weather-icon-wrapper{background:radial-gradient(circle,#00d4ff33,#0066ff1a);border:1px solid #00d4ff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:3s ease-in-out infinite float;display:flex}.weather-icon{color:var(--color-primary-light);filter:drop-shadow(0 0 10px #3399ff4d)}.temp-value{align-items:flex-start;line-height:1;display:flex}.current-temp{color:var(--color-text-primary);letter-spacing:-2px;font-size:clamp(3rem,15vw,5rem);font-weight:300}.degree-symbol{color:var(--color-primary-light);margin-left:var(--space-2);font-size:clamp(1.5rem,6vw,2.5rem);font-weight:400}.weather-description{color:var(--color-text-secondary);margin:var(--space-4) 0 0 0;letter-spacing:-.3px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:300}.dashboard--clear .weather-description,.dashboard--cloudy .weather-description{color:#000000a6}.weather-details{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid #ffffff1a;padding-top:clamp(1.5rem,4vw,2rem);animation:.6s ease-out .2s both slide-up;display:flex}.detail-item{gap:var(--space-1);text-align:center;flex-direction:column;flex:1;display:flex}.detail-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard--clear .detail-label,.dashboard--cloudy .detail-label{color:#0009}.detail-value{color:var(--color-primary-light);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:500}.detail-divider{width:1px;height:24px;margin:0 var(--space-2);background:#ffffff1a}.weather-hero-loading{gap:var(--space-8);flex-direction:column;display:flex}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{border-radius:var(--radius-md);width:40%;height:24px}.skeleton-temp{width:100%;height:120px}.skeleton-desc{width:60%;height:20px}@media (width<=768px){.weather-hero{padding:clamp(1.5rem,5vw,2rem)}.temperature-section{flex-direction:column;align-items:flex-start;gap:1rem}.temp-display{width:100%}.weather-icon-wrapper{width:60px;height:60px}.weather-icon{font-size:36px}.current-temp{font-size:2.5rem}.degree-symbol{font-size:1.5rem}.weather-details{gap:0}.detail-divider{margin:0 var(--space-3);height:20px}}@media (width<=480px){.weather-hero{border-radius:16px;padding:1.5rem}.city-name{font-size:1.5rem}.date-time{font-size:var(--font-size-xs)}.weather-description{font-size:1rem}.weather-icon-wrapper{width:50px;height:50px}.current-temp{font-size:2rem}.degree-symbol{font-size:1.25rem}.detail-label{font-size:.625rem}.detail-value{font-size:1rem}.detail-divider{height:16px;margin:0 var(--space-2)}}.hourly-forecast{animation:.6s ease-out .3s both fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{color:var(--color-text-primary);margin:0 0 var(--space-6) 0;letter-spacing:-.3px;font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600}.dashboard--clear .section-title,.dashboard--cloudy .section-title{color:#000000bf}.hourly-scroll{gap:var(--space-4);padding:var(--space-2);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 85%,#0000 100%)}.hourly-scroll::-webkit-scrollbar{height:4px}.hourly-scroll::-webkit-scrollbar-track{margin:0 var(--space-4);background:#ffffff0d;border-radius:2px}.hourly-scroll::-webkit-scrollbar-thumb{background:#0066ff4d;border-radius:2px;transition:background .2s}.hourly-scroll::-webkit-scrollbar-thumb:hover{background:#06f9}.dashboard--clear .hourly-scroll::-webkit-scrollbar-track{background:#0000000d}.dashboard--cloudy .hourly-scroll::-webkit-scrollbar-track{background:#0000000d}.dashboard--clear .hourly-scroll::-webkit-scrollbar-thumb{background:#06f6}.dashboard--cloudy .hourly-scroll::-webkit-scrollbar-thumb{background:#06f6}.dashboard--clear .hourly-scroll::-webkit-scrollbar-thumb:hover{background:#0066ffb3}.dashboard--cloudy .hourly-scroll::-webkit-scrollbar-thumb:hover{background:#0066ffb3}.hourly-card{align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);width:100px;padding:var(--space-4) var(--space-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);cursor:pointer;scroll-snap-align:start;animation:slide-up .6s ease-out var(--stagger) both;background:#ffffff14;border:1px solid #ffffff26;flex-direction:column;flex-shrink:0;display:flex}.dashboard--clear .hourly-card,.dashboard--cloudy .hourly-card{border-color:#00b4dc4d}.hourly-card:hover{background:#0066ff26;border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 10px 30px #06f3}.hourly-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard--clear .hourly-time,.dashboard--cloudy .hourly-time{color:#0000008c}.hourly-icon{color:var(--color-primary-light);filter:drop-shadow(0 0 8px #39f3);justify-content:center;align-items:center;display:flex}.hourly-temp{color:var(--color-text-primary);font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:600}.dashboard--clear .hourly-temp,.dashboard--cloudy .hourly-temp{color:#000000bf}.hourly-humidity{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dashboard--clear .hourly-humidity,.dashboard--cloudy .hourly-humidity{color:#00000080}.skeleton-hourly{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;animation:1.5s infinite loading}@media (width<=768px){.hourly-card{gap:var(--space-2);width:90px;padding:var(--space-3) var(--space-2)}.hourly-time{font-size:.625rem}.hourly-icon{font-size:24px}.hourly-temp{font-size:1rem}.hourly-humidity{font-size:.625rem}}@media (width<=480px){.hourly-scroll{gap:var(--space-2);padding:var(--space-1)}.hourly-card{gap:var(--space-2);width:80px;padding:var(--space-2);border-radius:var(--radius-lg)}.hourly-time{letter-spacing:0;font-size:.5rem}.hourly-icon{font-size:20px}.hourly-temp{font-size:.875rem}.hourly-humidity{font-size:.5rem}}.temperature-chart{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #00b4dc4d;border-radius:20px;padding:clamp(1.5rem,4vw,2rem);animation:.6s ease-out .4s both fade-in-up}.dashboard--clear .temperature-chart,.dashboard--cloudy .temperature-chart{border-color:#00b4dc4d}.chart-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.chart-stats{gap:clamp(1rem,3vw,2rem);display:flex}.stat{gap:var(--space-1);text-align:right;flex-direction:column;display:flex}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.dashboard--clear .stat-label,.dashboard--cloudy .stat-label{color:#0000008c}.stat-value{color:var(--color-primary-light);font-size:clamp(1.125rem,2vw,1.5rem);font-weight:600}.chart-container{width:100%;height:300px;padding:var(--space-4) 0 0 0;position:relative}.chart-loading{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;animation:1.5s infinite loading}@media (width<=768px){.temperature-chart{border-radius:16px;padding:1.5rem}.chart-header{gap:var(--space-4);flex-direction:column}.chart-stats{gap:1rem;width:100%}.stat{text-align:center;flex:1}.chart-container{height:280px}}@media (width<=480px){.temperature-chart{border-radius:12px;padding:1.25rem}.section-title{margin-bottom:var(--space-4);font-size:1.125rem}.chart-header{gap:var(--space-3)}.chart-stats{gap:.75rem}.stat-label{font-size:.625rem}.stat-value{font-size:1rem}.chart-container{height:250px}}.weather-highlights{animation:.6s ease-out .5s both fade-in-up}.highlights-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.highlight-card{padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);cursor:pointer;animation:slide-up .6s ease-out var(--stagger) both;gap:var(--space-6);background:#ffffff14;border:1px solid #00b4dc4d;border-radius:16px;align-items:flex-start;display:flex;position:relative;overflow:hidden}.highlight-card:before{content:"";background:radial-gradient(circle at 100% 100%, var(--color,#06f) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.highlight-card:hover{background:#ffffff1f;border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 10px 30px #06f3}.highlight-card:hover:before{opacity:.1}.highlight-icon{width:56px;height:56px;transition:all var(--transition-base);filter:drop-shadow(0 0 8px #0066ff1a);background:#ffffff0d;border:1px solid #00b4dc4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.highlight-card:hover .highlight-icon{border-color:var(--color,#06f);background:#ffffff1a;transform:rotate(6deg)scale(1.05)}.dashboard--clear .highlight-icon,.dashboard--cloudy .highlight-icon{background:#ffffff1f;border-color:#0096c859}.dashboard--clear .highlight-card:hover .highlight-icon,.dashboard--cloudy .highlight-card:hover .highlight-icon{background:#fff3;border-color:#0096c880}.highlight-content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.highlight-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-weight:500}.dashboard--clear .highlight-title,.dashboard--cloudy .highlight-title{color:#0000008c}.highlight-value{color:var(--color-text-primary);letter-spacing:-.5px;margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.dashboard--clear .highlight-value,.dashboard--cloudy .highlight-value{color:#000000bf}.highlight-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.dashboard--clear .highlight-description,.dashboard--cloudy .highlight-description{color:#00000080}.skeleton-card{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;animation:1.5s infinite loading}@media (width<=1024px){.highlights-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.highlight-card{padding:var(--space-4);gap:var(--space-4)}.highlight-icon{width:48px;height:48px}.highlight-value{font-size:1.5rem}}@media (width<=768px){.highlights-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.highlight-card{padding:var(--space-4);gap:var(--space-3);border-radius:12px}.highlight-icon{width:44px;height:44px}.highlight-title{font-size:.75rem}.highlight-value{font-size:1.25rem}.highlight-description{font-size:.625rem}}@media (width<=480px){.highlights-grid{gap:var(--space-2);grid-template-columns:1fr}.highlight-card{padding:var(--space-3);gap:var(--space-3);border-radius:10px;flex-direction:row}.highlight-icon{width:40px;height:40px}.highlight-icon svg{font-size:20px}.highlight-title{font-size:.625rem}.highlight-value{font-size:1.125rem}.highlight-description{font-size:.5rem}}.air-quality-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #00b4dc4d;border-radius:20px;padding:clamp(1.5rem,4vw,2rem);animation:.6s ease-out .6s both fade-in-up}.aqi-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.aqi-icon{color:var(--color-primary-light);filter:drop-shadow(0 0 8px #39f3)}.aqi-content{gap:var(--space-8);grid-template-columns:1fr 1fr;align-items:center;display:grid}.aqi-indicator{justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto;display:flex;position:relative}.aqi-circle{filter:drop-shadow(0 0 10px #06f3);width:100%;height:100%;transform:rotate(-90deg)}.aqi-progress{transition:stroke-dasharray 1s ease-out}.aqi-value{color:var(--color-text-primary);letter-spacing:-1px;justify-content:center;align-items:center;font-size:clamp(2rem,8vw,3rem);font-weight:700;display:flex;position:absolute}.aqi-info{gap:var(--space-4);flex-direction:column;display:flex}.aqi-category{letter-spacing:-.3px;margin:0;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600}.dashboard--clear .aqi-category,.dashboard--cloudy .aqi-category{color:#000000bf}.aqi-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);margin:0}.dashboard--clear .aqi-description,.dashboard--cloudy .aqi-description{color:#0009}.aqi-scale{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.scale-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #00b4dc4d;justify-content:space-between;align-items:center;display:flex}.scale-item:hover{background:#ffffff14;border-color:#00d4ff33}.dashboard--clear .scale-item,.dashboard--cloudy .scale-item{background:#ffffff26;border-color:#0096c859}.dashboard--clear .scale-item:hover,.dashboard--cloudy .scale-item:hover{background:#ffffff40;border-color:#0096c880}.scale-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.dashboard--clear .scale-label,.dashboard--cloudy .scale-label{color:#0000008c}.scale-range{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dashboard--clear .scale-range,.dashboard--cloudy .scale-range{color:#00000080}.aqi-loading{border-radius:var(--radius-lg);background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;width:100%;height:300px;animation:1.5s infinite loading}@media (width<=1024px){.aqi-content{gap:var(--space-6);grid-template-columns:1fr}.aqi-indicator{width:160px;height:160px}}@media (width<=768px){.air-quality-card{border-radius:16px;padding:1.5rem}.aqi-header{margin-bottom:var(--space-6)}.aqi-content{gap:var(--space-4)}.aqi-indicator{width:140px;height:140px}.aqi-value{font-size:2rem}.aqi-category{font-size:1.25rem}.aqi-description{font-size:var(--font-size-xs)}.aqi-scale{grid-template-columns:repeat(2,1fr)}.scale-item{padding:var(--space-2)}.scale-label,.scale-range{font-size:.625rem}}@media (width<=480px){.air-quality-card{border-radius:12px;padding:1.25rem}.aqi-header{margin-bottom:var(--space-4)}.aqi-content{gap:var(--space-4);grid-template-columns:1fr}.aqi-indicator{width:120px;height:120px}.aqi-value{font-size:1.5rem}.aqi-category{font-size:1.125rem}.aqi-description{font-size:var(--font-size-xs)}.aqi-scale{gap:var(--space-2);grid-template-columns:1fr}.scale-item{padding:var(--space-2);justify-content:space-between}.scale-label,.scale-range{font-size:.5rem}}.forecast-cards{animation:.6s ease-out .7s both fade-in-up}.forecast-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.forecast-item{padding:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);cursor:pointer;align-items:center;gap:var(--space-4);text-align:center;animation:slide-up .6s ease-out var(--stagger) both;background:#ffffff14;border:1px solid #00b4dc4d;border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.forecast-item:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#0066ff0d,#00d4ff05);border-radius:16px;position:absolute;inset:0}.forecast-item:hover{background:#ffffff1f;border-color:#00d4ff4d;transform:translateY(-4px);box-shadow:0 10px 30px #06f3}.forecast-item:hover:before{opacity:1}.forecast-item--today{background:linear-gradient(135deg,#0066ff26,#00d4ff14);border:1px solid #00d4ff4d;box-shadow:0 0 20px #06f3,inset 0 0 20px #0066ff0d}.forecast-item--today:after{content:"";background:linear-gradient(135deg, var(--color-primary-light), transparent);clip-path:polygon(0 0,100% 0,100% 100%);width:30px;height:30px;position:absolute;top:0;right:0}.forecast-item--today .forecast-day-name,.forecast-item--today .temp-high{color:var(--color-primary-light)}.forecast-day{gap:var(--space-1);z-index:1;flex-direction:column;display:flex;position:relative}.forecast-day-name{font-size:var(--font-size-sm);color:var(--color-text-primary);letter-spacing:-.2px;font-weight:600}.dashboard--clear .forecast-day-name,.dashboard--cloudy .forecast-day-name{color:#000000bf}.forecast-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dashboard--clear .forecast-date,.dashboard--cloudy .forecast-date{color:#0000008c}.forecast-icon{color:var(--color-primary-light);filter:drop-shadow(0 0 8px #39f3);transition:transform var(--transition-base);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.forecast-item:hover .forecast-icon{transform:scale(1.1)}.forecast-temps{justify-content:center;align-items:center;gap:var(--space-3);z-index:1;display:flex;position:relative}.temp-high{color:var(--color-primary-light);font-size:clamp(1rem,1.8vw,1.25rem);font-weight:600}.temp-divider{background:#fff3;width:1px;height:20px}.dashboard--clear .temp-divider,.dashboard--cloudy .temp-divider{background:#00000026}.temp-low{color:var(--color-text-secondary);font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400}.forecast-precipitation{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-info);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);z-index:1;background:#3b82f61a;display:flex;position:relative}.precip-label{font-size:var(--font-size-sm)}.precip-value{font-weight:600}.skeleton-forecast{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%;animation:1.5s infinite loading}@media (width<=1024px){.forecast-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.forecast-item{padding:var(--space-4);gap:var(--space-3);border-radius:12px}}@media (width<=768px){.forecast-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.forecast-item{padding:var(--space-3);gap:var(--space-2);border-radius:10px}.forecast-day-name{font-size:var(--font-size-xs)}.forecast-date{font-size:.625rem}.forecast-icon{font-size:28px}.temp-high,.temp-low{font-size:1rem}.forecast-precipitation{padding:var(--space-1) var(--space-2);font-size:.625rem}}@media (width<=480px){.forecast-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.forecast-item{padding:var(--space-2);gap:var(--space-1);border-radius:8px}.forecast-day-name{font-size:.625rem}.forecast-date{font-size:.5rem}.forecast-icon{font-size:20px}.forecast-temps{gap:var(--space-2)}.temp-high,.temp-low{font-size:.875rem}.temp-divider{height:16px}.forecast-precipitation{padding:var(--space-1);font-size:.5rem}.precip-label{font-size:.625rem}}.dashboard{background:linear-gradient(#0f1419 0%,#1a1f2e 50%,#0f1419 100%);width:100%;min-height:100vh;position:relative}.dashboard-container{z-index:1;flex-direction:column;max-width:1600px;min-height:100vh;margin:0 auto;padding:clamp(1rem,3vw,2rem);display:flex;position:relative}.dashboard-header{margin-bottom:clamp(3rem,8vw,5rem);animation:.6s ease-out fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1rem,5vw,3rem);display:flex}.app-title{color:var(--color-text-primary);letter-spacing:-1px;background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,8vw,3rem);font-weight:700}.dashboard--clear .app-title,.dashboard--cloudy .app-title{background:linear-gradient(135deg, #000000b3 0%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-banner{border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);color:#fca5a5;font-size:var(--font-size-sm);background:#ef44441a;border:1px solid #ef44444d;animation:.4s ease-out slide-down}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{margin-bottom:var(--space-16);flex-direction:column;flex:1;gap:clamp(2rem,5vw,3rem);display:flex}.dashboard-section{width:100%}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:clamp(2rem,5vw,3rem);display:grid}.grid-item{width:100%}.dashboard-footer{text-align:center;padding:var(--space-8) 0 var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-8);border-top:1px solid #ffffff0d}.dashboard-footer p{margin:0}.dashboard--clear .city-name,.dashboard--cloudy .city-name{color:#000000bf;-webkit-text-fill-color:unset;text-fill-color:unset;background:linear-gradient(135deg,#0009 0%,#0006 100%);-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=1024px){.dashboard-container{padding:clamp(1rem,2.5vw,1.5rem)}.dashboard-header{margin-bottom:clamp(2rem,5vw,3rem)}.header-content{gap:clamp(.5rem,3vw,2rem)}.dashboard-content{gap:clamp(1.5rem,4vw,2.5rem)}.dashboard-grid{grid-template-columns:1fr}.grid-item{max-width:100%}}@media (width<=768px){.dashboard-container{max-width:100%;padding:1rem}.dashboard-header{margin-bottom:2rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.app-title{font-size:1.75rem}.dashboard-content{margin-bottom:var(--space-12);gap:1.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-footer{padding:var(--space-6) 0 var(--space-2);font-size:.625rem}}@media (width<=480px){.dashboard-container{padding:.75rem}.dashboard-header{margin-bottom:1.5rem}.header-content{gap:.75rem}.app-title{width:100%;font-size:1.5rem}.dashboard-content{margin-bottom:var(--space-8);gap:1.25rem}.dashboard-grid{gap:1.25rem}.error-banner{padding:var(--space-3);font-size:var(--font-size-xs)}.dashboard-footer{padding:var(--space-4) 0 var(--space-2);font-size:.5rem}}html{scroll-behavior:smooth}@keyframes stagger{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary:#06f;--color-primary-dark:#0052cc;--color-primary-light:#39f;--color-secondary:#00d4ff;--color-accent:#ff6b6b;--color-white:#fff;--color-black:#000;--color-bg-primary:#0f1419;--color-bg-secondary:#1a1f2e;--color-bg-tertiary:#252d3d;--color-text-primary:#fff;--color-text-secondary:#a0a9c9;--color-text-tertiary:#7a8299;--color-glass-light:#ffffff1a;--color-glass-lighter:#ffffff14;--color-glass-border:#fff3;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg, #06f 0%, #00d4ff 100%);--gradient-warm:linear-gradient(135deg, #ff9a56 0%, #ff6b9d 100%);--gradient-cool:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-aurora:linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono:"SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #0066ff4d;--shadow-glow-secondary:0 0 30px #00d4ff33;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (width<=768px){:root{--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem;--font-size-6xl:2.5rem}}@media (width<=480px){:root{--font-size-3xl:1.25rem;--font-size-4xl:1.5rem;--font-size-5xl:1.875rem;--font-size-6xl:2rem}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p{line-height:var(--line-height-normal)}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}button{font-family:var(--font-family);cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:var(--font-family);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#0066ff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0066ff80}::selection{color:var(--color-text-primary);background-color:#0066ff4d}::selection{color:var(--color-text-primary);background-color:#0066ff4d}@media (width<=768px){html{font-size:14px}}@media (width<=480px){html{font-size:13px}}.loading-screen{z-index:9999;justify-content:center;align-items:center;gap:var(--space-4);background:linear-gradient(#0f1419 0%,#1a1f2e 50%,#0f1419 100%);flex-direction:column;display:flex;position:fixed;inset:0}.loading-spinner{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.spinner{border:3px solid #06f3;border-top-color:var(--color-primary-light);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.loading-screen p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}