@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";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}.app{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);place-items:center;min-height:100vh;display:grid}.weather{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border-radius:25px;flex-direction:column;place-self:center;align-items:center;padding:35px 30px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d}.weather:hover{transform:translateY(-5px);box-shadow:0 0 25px #5865f266,0 0 50px #8000ff4d}.search-bar{align-items:center;gap:10px;width:100%;display:flex}.search-bar input{color:#fff;background:#ffffff26;border:none;border-radius:30px;outline:none;flex:1;height:50px;padding-left:20px;font-size:16px}.search-bar input::placeholder{color:#fff9}.search-bar img{cursor:pointer;background:linear-gradient(135deg,#ff7eb3,#ff758c);border-radius:50%;width:45px;padding:12px;transition:all .3s}.search-bar img:hover{transform:scale(1.1)}.weather-icon{filter:drop-shadow(0 0 10px #ffffff4d);width:120px;margin:20px}.temperature{color:#fff;font-size:70px;font-weight:600;line-height:1}.location{color:#fff;opacity:.85;font-size:26px}.weather-data{color:#fff;justify-content:space-between;width:100%;margin-top:30px;display:flex}.weather-data .col{flex-direction:column;align-items:center;gap:6px;font-size:18px;display:flex}.weather-data .col span{opacity:.7;font-size:13px}.weather-data .col img{width:28px}.weather{animation:4s ease-in-out infinite float}.ai-box{color:#fff;text-align:left;background:linear-gradient(135deg,#1e1e3f,#2a1a4a);border-radius:15px;width:100%;margin-top:20px;padding:20px;box-shadow:0 0 20px #8000ff4d}.ai-box h3{color:#c084fc;letter-spacing:1px;margin-bottom:12px;font-size:16px}.ai-box p{white-space:pre-line;color:#e2e8f0;font-size:13px;line-height:2}.ai-content{flex-direction:column;gap:4px;display:flex}.ai-header{color:#c084fc;margin-top:10px;font-size:14px;font-weight:600}.ai-line{color:#e2e8f0;border-left:2px solid #c084fc4d;padding-left:8px;font-size:13px}.ask-box{background:linear-gradient(135deg,#1a2a1a,#1a1a2e);border-radius:15px;width:100%;margin-top:20px;padding:20px;box-shadow:0 0 20px #00ff8026}.ask-box h3{color:#6ee7b7;margin-bottom:12px;font-size:16px}.ask-input-row{gap:10px;width:100%;display:flex}.ask-input{color:#fff;background:#ffffff1a;border:none;border-radius:30px;outline:none;flex:1;height:44px;padding-left:16px;font-family:Poppins,sans-serif;font-size:14px}.ask-input::placeholder{color:#ffffff80}.ask-btn{cursor:pointer;color:#1a1a2e;background:linear-gradient(135deg,#6ee7b7,#3b82f6);border:none;border-radius:30px;height:44px;padding:0 20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:all .3s}.ask-btn:hover{transform:scale(1.05)}.ask-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ask-answer{color:#e2e8f0;background:#ffffff0d;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px;font-size:13px;line-height:1.6;display:flex}.ask-answer span{font-size:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}