.interactive-hub-section{margin-bottom:var(--spacing-2xl);padding-top:var(--spacing-lg)}.hub-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.hub-card{border:1px solid var(--color-border-light);padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);color:inherit;cursor:pointer;background:#fff;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.hub-card:before{content:"";height:3px;transition:height var(--transition-base);border-radius:3px 3px 0 0;position:absolute;top:0;left:0;right:0}.games-link:before{background:linear-gradient(90deg, var(--color-primary), #1976d2)}.discounts-link:before{background:linear-gradient(90deg, var(--color-accent), #e6b422)}.weather-link:before{background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.fuel-tracker:before{background:linear-gradient(90deg,#d97706,#f59e0b)}.hub-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.hub-card:hover:before{height:4px}.hub-icon{margin-bottom:var(--spacing-md);transition:transform var(--transition-base);justify-content:center;align-items:center;display:flex}.hub-icon img{object-fit:contain;width:54px;height:54px}.hub-card:hover .hub-icon{transform:scale(1.15)}.hub-content h4{font-family:var(--font-heading);margin-bottom:var(--spacing-xs);color:var(--color-text-main);font-size:1rem;font-weight:700}.hub-content p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md);font-size:.82rem;line-height:1.45}.hub-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:center;letter-spacing:.01em;border:none;padding:8px 20px;font-size:.8rem;font-weight:600;display:inline-block}.hub-btn:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #0d47a14d}.discounts-link .hub-btn{background:var(--color-accent)}.discounts-link .hub-btn:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px #d4a0174d}.weather-link .hub-btn{background:#0ea5e9}.weather-link .hub-btn:hover{background:#0284c7;box-shadow:0 4px 12px #0ea5e94d}.fuel-tracker{padding:var(--spacing-lg);cursor:default;justify-content:space-between}.fuel-tracker:hover{box-shadow:none;transform:none}.fuel-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.fuel-header .hub-icon{align-items:center;margin:0;display:flex}.fuel-header .hub-icon img{width:24px;height:24px}.fuel-header h4{font-family:var(--font-heading);color:var(--color-text-main);margin:0;font-size:.95rem;font-weight:700}.fuel-list{flex-direction:column;gap:8px;width:100%;display:flex}.fuel-item{background:var(--color-background-alt);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 10px;font-size:.85rem;display:flex}.fuel-item.highlight{background:#0d94881a;border-left:3px solid #0d9488}.fuel-item.gpl{background:#0ea5e91a;border-left:3px solid #0ea5e9}.fuel-name{color:var(--color-text-secondary);font-weight:600}.fuel-price{color:var(--color-text-main);font-family:monospace;font-size:1.05rem;font-weight:800}.fuel-price small{color:var(--color-text-muted);font-size:.65rem}.fuel-footer{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:10px;font-size:.65rem}@media (max-width:992px){.hub-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hub-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.hub-card{padding:var(--spacing-md) var(--spacing-sm)}.hub-content h4{font-size:.88rem}.hub-content p{font-size:.75rem}.hub-btn{white-space:normal;border-radius:var(--radius-md);width:100%;padding:6px 14px;font-size:.72rem}}