body{font-family:sans-serif}
.astro-box{max-width:800px;margin:auto;padding:25px;border-radius:25px;background:linear-gradient(135deg,#090d1f,#1a1038);color:#fff;box-shadow:0 0 25px rgba(128,0,255,.3)}
input,button{width:100%;padding:14px;margin:8px 0;border-radius:12px;border:none}
button{background:#8b5cf6;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}
.card{background:rgba(255,255,255,.08);backdrop-filter:blur(10px);padding:20px;border-radius:18px;text-align:center}
.card:hover{transform:translateY(-4px)}
.city{text-align:center;margin-top:10px}