:root{--bg:#f4f6f8;--text:#1f2937;--text-muted:#575e71}body{background:var(--bg);color:var(--text);margin:0;font-family:Roboto,Helvetica,Arial,sans-serif}.home-page,.weather-page,.about-page{background-color:var(--bg);min-height:100vh;padding:24px}.hero{text-align:center;max-width:1200px;margin:0 auto 12px}.hero-title{margin-bottom:12px;font-weight:700}.hero-subtitle{color:var(--text-muted);margin-bottom:16px}.feature-grid,.weather-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-items:center;gap:16px;max-width:1200px;margin:0 auto;display:grid}.weather-grid>*{box-sizing:border-box;width:100%;max-width:360px}.section-center{justify-content:center;margin-bottom:16px;display:flex}.loading-card,.error-card{justify-content:center;margin:32px 0;display:flex}.card-root{padding:8px}.card-content-title{margin-bottom:8px;font-weight:600}