*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#bae6fd,#7dd3fc,#38bdf8);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#ffffffe6;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem}.btn{background:linear-gradient(135deg,#2563eb,#4338ca);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:hover{background:linear-gradient(135deg,#1d4ed8,#3730a3);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:1rem}.input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.text-center{text-align:center}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.text-4xl{font-size:2.25rem;font-weight:700}.text-lg{font-size:1.125rem}.text-gray-600{color:#6b7280}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.error{background:#fef2f2;color:#dc2626;padding:.75rem;border-radius:8px;border:1px solid #fca5a5;margin:1rem 0}.aqi-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000001a;border-left:4px solid #6b7280}.aqi-good{border-left-color:#10b981}.aqi-moderate{border-left-color:#f59e0b}.aqi-unhealthy{border-left-color:#f97316}.aqi-very-unhealthy{border-left-color:#ef4444}.aqi-hazardous{border-left-color:#8b5cf6}