.home-view { width: 100%; }
.hero { background: #f8f8f8; border-bottom: 1px solid #ddd; padding: 48px 40px; text-align: center; }
.hero h1 { font-size: 32px; margin-bottom: 12px; color: #1a1a2e; }
.hero h1 span { color: #FA541C; }
.hero p { color: #666; font-size: 15px; }
.page-section { padding: 44px 40px; }
.section-title { font-size: 20px; margin-bottom: 24px; border-bottom: 3px solid #FA541C; display: inline-block; padding-bottom: 6px; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.card { display: flex; gap: 14px; padding: 18px 16px; border: 1px solid #ddd; border-radius: 4px; background: #fff; transition: border-color 0.15s; }
.card:hover { border-color: #FA541C; }
.card-icon { font-size: 26px; }
.card-title { font-weight: bold; margin-bottom: 4px; }
.card-desc { font-size: 13px; color: #666; }