*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(135deg,#0c1445,#1b2a6b);justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.container{text-align:center;width:100%;max-width:500px;padding:20px}h1{margin-bottom:.2rem;font-size:2.5rem;font-weight:700}.subtitle{opacity:.6;margin-bottom:2rem;font-size:.9rem;font-style:italic}.search{gap:10px;margin-bottom:2rem;display:flex}.search input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border:none;border-radius:30px;outline:none;flex:1;padding:12px 16px;font-size:1rem}.search input::placeholder{color:#fff9}.search button{color:#fff;cursor:pointer;background:#4f7cff;border:none;border-radius:30px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background .2s}.search button:hover{background:#6a8cff}.search button:disabled{opacity:.5;cursor:not-allowed}.error{color:#ff6b6b;margin-bottom:1rem}.weather-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:30px;padding:30px 20px;box-shadow:0 20px 60px #0000004d}.weather-card h2{margin-bottom:10px;font-size:1.8rem}.weather-main{justify-content:center;align-items:center;gap:10px;display:flex}.weather-main img{width:80px;height:80px}.temp{font-size:4rem;font-weight:300}.description{text-transform:capitalize;margin:10px 0;font-size:1.2rem}.details{opacity:.8;justify-content:space-around;margin-top:20px;font-size:.9rem;display:flex}footer{opacity:.4;margin-top:3rem;font-size:.8rem}.telegram-section{width:100%;margin-top:2rem}.telegram-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex}.telegram-card:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 30px #0003}.telegram-icon{flex-shrink:0;font-size:2.5rem}.telegram-content{text-align:left;flex:1}.telegram-content h3{color:#fff;margin-bottom:2px;font-size:1.1rem;font-weight:600}.telegram-content p{opacity:.7;margin-bottom:10px;font-size:.85rem}.telegram-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.telegram-btn{color:#fff;background:#08c;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-block}.telegram-btn:hover{background:#0099e6}.telegram-status{opacity:.7;align-items:center;gap:6px;font-size:.8rem;display:flex}.status-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.telegram-commands{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.telegram-commands code{color:#fffc;background:#ffffff1a;border-radius:12px;padding:2px 10px;font-family:Courier New,monospace;font-size:.75rem}@media (max-width:600px){.telegram-card{text-align:center;flex-direction:column;padding:16px}.telegram-content{text-align:center}.telegram-links,.telegram-commands{justify-content:center}}.error-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:16px;flex-direction:column;align-items:center;gap:12px;margin:1rem 0;padding:1.5rem;display:flex}.error{color:#ff6b6b;margin:0;font-size:1rem}.retry-button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:8px 24px;font-size:.9rem;transition:all .2s}.retry-button:hover:not(:disabled){background:#ffffff40;transform:scale(1.05)}.retry-button:disabled{opacity:.5;cursor:not-allowed}footer{text-align:center;margin-top:3rem}.footer-content{flex-direction:column;align-items:center;gap:8px;display:flex}.slogan{letter-spacing:.5px;opacity:.5;color:#ffffffb3;font-size:.85rem;font-style:italic;font-weight:300;transition:opacity .3s}.slogan:hover{opacity:1}.footer-links{opacity:.6;align-items:center;gap:12px;font-size:.8rem;display:flex}.footer-link{color:#ffffffb3;text-decoration:none;transition:color .2s}.footer-link:hover{color:#fff}.footer-separator{opacity:.3}